<meta name="viewport" content="widivh=device-widivh, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Mohammad Fakhera</title>
<style>
h1 { font-size: 0.5 em;
font-style: italic;
font-family: Verdana, Geneva, Tahoma, sans-serif;
color: blueviolet;
}
.flex-continer{ background-color: whitesmoke;
display: flex;
margin: 40 px;
padding: 10px;
}
.flex-continer h1:hover { background-color: blueviolet;
color:white;
}
#box1{
margin: 20px;
padding: 10px;
background-color: whitesmoke;
flex:1;
width: 40%;
align-self: auto;
}
#box2{
margin: 20px;
padding: 10px;
background-color: whitesmoke;
flex:3;}
#box3{
margin: 20px;
padding: 10px;
background-color: whitesmoke;
flex:1;
justify-self: flex-start;
}
#box4{
margin: 20px;
padding: 10px;
flex-basis: 50 px;
background-color: whitesmoke;
align-self: flex-end;
flex:3;}
.flex-continer2{ background-color: whitesmoke;
display: flex;
flex-direction: row;
align-items: center;
}
#socialMedia li{ list-style-type: none;
}
#personal {margin: auto;} .project {
padding: 20px; display: none; }
span:hover .project { display: block; float :left; } span:hover + div {display: block;} #card {padding:50px; background-image: url(https://www.droidviews.com/samsung-galaxy-note-10-wallpapers/default_wallpaper_white/);} </style>
<h1>Mohammad Fakhera</h1>
<div id="my photo.png">
<img src="proxy.php?url=https%3A%2F%2Fgithub.com.%2Fmy+photo.png" alt="personal" width="60%">
</div>
<ul class="list"><li>Electrical Engineer</li>
<li>ECHT , Netherlands</li>
<li>email:[email protected]</li>
<li>mobile :0645787446</li>
</ul>
<h1>skills</h1>
<ul><li>html ,CSS </li>
<li>AutoCAD</li>
<li>Revit</li>
<li>Microsoft Ofiice</li>
</ul>
<div id="box4"> <h1> social media</h1>
<a href="proxy.php?url=https%3A%2F%2Fwww.youtube.com%2F" target="_blank"><img src="proxy.php?url=https%3A%2F%2Fgithub.com.%2FYouTube-icon.png" width="35px" alt="youtube"></a>
<a href="proxy.php?url=https%3A%2F%2Fwww.facebook.com%2F" target="_blank"><img src="proxy.php?url=https%3A%2F%2Fgithub.com.%2FFacebook_icon.jpg" alt="face book icone" width="35 px"></a>
<a href="proxy.php?url=https%3A%2F%2Fhttps%2F%2Fwww.instagram.com%2F%2F" target="_blank"><img src="proxy.php?url=https%3A%2F%2Fgithub.com.%2F240px-Instagram_icon.png" alt="instegram" width="35 px"></a>
<h1>contact me</h1>
<form action="proxy.php?url=https%3A%2F%2Fgithub.com.%2Ffile%3A%2F%2F%2FC%3A%2Faction_page.php">
<br>
<input type="text" placeholder="First Name">
<br>
<br>
<input type="text" placeholder="Last Name">
<br>
<br>
<textarea rows="4" placeholder="Your Message"></textarea>
<br>
<br>
<input type="submit" value="Submit">
</form>
</div>
</div>
<div id="box2"> <h1>Work Experience</h1>
<ul><li>Electrical Engineer with +6 years experience in the field of construction. Varied experience as a site engineer, design engineer and onsite consultant for residential, commercial, industrial& mix-use buildings. </li>
- Master Degree in Electrical Power Systems Engineering Damascus University during October 2012 July 2013 (project hasnot been completed)
- Bachelors of Electrical Engineering Damascus University during September 2007 July 2012
- Town Square B+G+20+R & 18+R Residential & Commercial Building
<span class="photo"> <img src="proxy.php?url=https%3A%2F%2Fgithub.com.%2F1-72.jpg" alt="" width="50%"> <div class="project">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non laboriosam consequatur corporis dicta excepturi aliquid rem consectetur velit accusantium quam, eaque ipsa ullam beatae sapiente itaque pariatur sit vel porro!</div></span><br>
<li>382 Villas – Rosa, Rasha & Yasmin Communities at Arabian Ranches 2 for EMAAR Properties.</li>
<span class="photo"> <img src="proxy.php?url=https%3A%2F%2Fgithub.com.%2F6-bedroom-Villa-for-sale-s1-id200802.jpg" alt="" width="50%"> <div class="project">Lorem Loremt amet, coLoremt. Non laborioLoremr corLoremta eLoremid rLoremLoremlit accusantium quam, eaque ipsa ullam beatae sapiente itaque pariatur sit vel porro!</div></span><br>
</ul>
</div>
</div>
</div>