upload website files

RamyAlshurafa · Feb 10, 2018 · e571ee4 · e571ee4
1 parent 112a78f
commit e571ee4
Show file tree

Hide file tree

Showing 20 changed files with 517 additions and 0 deletions.
diff --git a/0.png b/0.png
diff --git a/00.png b/00.png
diff --git a/000.png b/000.png
diff --git a/1.png b/1.png
diff --git a/101.png b/101.png
diff --git a/2.png b/2.png
diff --git a/3.png b/3.png
diff --git a/4.png b/4.png
diff --git a/5.png b/5.png
diff --git a/6.png b/6.png
diff --git a/7.png b/7.png
diff --git a/fcc.png b/fcc.png
diff --git a/git.png b/git.png
diff --git a/index.html b/index.html
@@ -0,0 +1,182 @@
+<!DOCTYPE html>
+<html>
+<head>
+
+<link rel="stylesheet" type="text/css" href="style.css">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+</head>
+<body>
+  <div id="x" onclick="ramy()">
+  </div>
+
+<nav id="menu">
+  <div class="buttons1">
+    </div>
+<div class="buttons">
+
+<ul>
+  <li><button onclick="move('aboutme')">About me</button> </li>
+  <li><button onclick="move('education')">Education</button> </li>
+  <li><button onclick="move('skills')">Skills</button> </li>
+  <li><button onclick="move('contacts')">Contacts</button> </li>
+  <li><button onclick="move('mygame')">My Game</button> </li>
+</ul>
+
+</div>
+</nav>
+<div  id="aboutme" class="box">
+   <div id="id02" class="about">
+     <h1 class="title">ABOUT ME</h1>
+     <img src="k15.png" id="aboutmeimg">
+    <div class="textdiv">
+<h3>NAME</h3>
+<h5>Ramy Youse Hasan Al Shurafa</h5>
+<h3>Date Of Birth</h3>
+<h5>14/8/1992</h5>
+<h3>Degree</h3>
+<h5>Bachelor's Degree In Civil Engineer</h5>
+<h3>residence</h3>
+<h5>Palestine - Gaza City - AlRasheed St.</h5>
+    </div>
+   </div>
+</div>
+
+
+
+
+
+
+<div  id="education" class="box">
+
+   <div id="id02" class="edu">
+     <h1 class="title">EDUCATION</h1>
+     <img src="k16.png" id="eduimg">
+    <div class="textdiv">
+<h3>2010</h3>
+<h5>Graduated From High School (Science Section) Al Karmel High Secondary School - Gaza</h5>
+<h3>2016</h3>
+<h5>B.A. Civil Engineering (Department of Civil Engineering - Islamic University - Gaza - Palestinian.</h5>
+<h3>2017</h3>
+<h5>Surveyor / GIS Certified Engineer for Gaza Municipality</h5>
+
+    </div>
+   </div>
+</div>
+
+
+
+
+<div  id="skills"  class="box">
+   <div id="id02" class="skill">
+     <h1 class="title">SKILLS</h1>
+     <img src="k17.png" id="eduimg">
+    <div class="textdiv">
+<h3>Engineering</h3>
+<h5>Supervision And Execution For Engineering Projects.</h5>
+<h5>GIS / Surveying Works </h5>
+<h3>Computer Science</h3>
+<h5><b>hTML: </b>Basic Principles In Development HTML Websites  </h5>
+<h5><b>CSS:</b> Basic Principles In Styling CSS Websites  </h5>
+<h5><b>JavaScript: </b>Good With Using JavaScript Function And Coding.</h5>
+<h5><b>Graphic Design:</b> Good With Using Graphic Design Programs Like Photoshop And Illustrator.</h5>
+
+    </div>
+   </div>
+</div>
+
+
+
+
+
+
+<div  id="contacts" class="box">
+   <div id="id02" class="contact">
+     <h1 class="title">CONTACTS</h1>
+     <img src="k18.png" id="eduimg">
+    <div id="contactdiv">
+      <div class="left">
+        <h3>Adress</h3>
+        <h5>Palestine - Gaza City - Al Rasheed St.</h5>
+        <h3>Phone</h3>
+        <h5>00970599447989 - 082620498</h5>
+        <h3>Email</h3>
+        <h5>[email protected] </h5>
+      </div>
+<div class="right">
+  <a href="https://www.codewars.com/users/RamyAlshurafa">  <img src="https://www.codewars.com/users/RamyAlshurafa/badges/micro" alt=""></a>
+  <a href="https://github.com/RamyAlshurafa">  <img src="git.png" id="git"></a>
+<a href="https://www.freecodecamp.org/ramyalshurafa">  <img src="fcc.png" id="fcc"></a>
+
+
+
+</div>
+</div>
+   </div>
+</div>
+
+
+
+
+<div  id="mygame" class="box" class="textdiv">
+   <div id="id02" class="game">
+     <h1 class="title">GAME</h1>
+  <div class="imgsbox" >
+
+
+
+
+    <div id="gm1" class="imgbox"onclick="show('gm1')">
+    </div>
+<div id="gm2" class="imgbox"onclick="show('gm2')">
+</div>
+<div id="gm3" class="imgbox"onclick="show('gm3')">
+   </div>
+ <div id="gm4" class="imgbox"onclick="show('gm4')">
+ </div>
+ <div id="gm5" class="imgbox"onclick="show('gm5')">
+    </div>
+ <div id="gm6"class="imgbox"onclick="show('gm6')">
+ </div>
+ <div id="gm7"class="imgbox"onclick="show('gm7')">
+ </div>
+ <div id="gm8"class="imgbox"onclick="show('gm8')">
+ </div>
+ <div id="gm9"class="imgbox"onclick="show('gm9')">
+ </div>
+ <div id="gm10"class="imgbox"onclick="show('gm10')">
+ </div>
+<div id="gm11"class="imgbox"onclick="show('gm11')">
+</div>
+<div id="gm12"class="imgbox"onclick="show('gm12')">
+</div>
+<div id="gm13"class="imgbox"onclick="show('gm13')">
+</div>
+<div id="gm14"class="imgbox"onclick="show('gm14')">
+</div>
+
+
+ </div>
+
+<div  >
+  <h1 id="txtscore">Memory game. Match 2 of the same coding languages logos to win! <br><h1>
+    <button id="scorebtn">your score:</button>
+
+  <div class="score2">
+  </div>
+
+</div>
+
+ </div>
+</div>
+
+
+
+
+
+<script src="js.js">
+
+
+</script>
+
+</body>
+</html>
diff --git a/js.js b/js.js
@@ -0,0 +1,73 @@
+var status =1;
+function ramy() {
+if (status==1){
+  document.getElementById('menu').style.left = "-250px";
+status =0;
+}
+else if (status==0){
+  document.getElementById('menu').style.left = "0px";
+status=1;
+}
+}
+
+//for Game
+
+
+
+var arr=[1,1,2,2,3,3,4,4,5,5,6,6,7,7];
+var randarr=[];
+
+for (var k = 0; k < 14; k++) {
+  var m=Math.floor(Math.random()*arr.length);
+  randarr.push(arr[m]);
+  arr.splice(m,1);
+  }
+
+var count=0;
+var purl=0;
+var pstr2=100;
+var ppurl=120;
+var ppstr2=125;
+var check=0;
+var done=0;
+var score=0;
+var arr2=[];//str0 url0 str1 url1
+function show(str2) {
+
+  if (count>0&&count%2==0&&ppurl!=purl&&pstr2!==ppstr2) {
+    document.getElementById(ppstr2).style.backgroundImage="url(101.png)";
+    document.getElementById(pstr2).style.backgroundImage="url(101.png)";
+score=score-10;
+  }
+  if (ppurl==purl&&count>0&&pstr2!==ppstr2&&count%2==0) {
+document.getElementById(ppstr2).removeAttribute("onclick");
+document.getElementById(pstr2).removeAttribute("onclick");
+score =score+25;
+done++;
+  }
+  var n= str2.split("").splice(2,2).join("");
+  var url="url("+randarr[n-1]+".png)";
+  document.getElementById(str2).style.backgroundImage=url;
+ppurl=purl;
+ppstr2=pstr2;
+purl=url;
+pstr2=str2;
+count++;
+if (done==6) {
+score=score+25;
+}
+//if (done==10) {
+  document.getElementById('scorebtn').innerHTML="Your Score : "+score;
+//}
+}
+
+
+
+function move(id){
+document.getElementById("aboutme").style.zIndex=400;
+document.getElementById("contacts").style.zIndex=400;
+document.getElementById("education").style.zIndex=400;
+document.getElementById("skills").style.zIndex=400;
+document.getElementById("mygame").style.zIndex=400;
+document.getElementById(id).style.zIndex=500;
+}
diff --git a/k15.png b/k15.png
diff --git a/k16.png b/k16.png
diff --git a/k17.png b/k17.png
diff --git a/k18.png b/k18.png