indexx.html

<!DOCTYPE html>
<html>
<head>
	<title>MY RESUME</title>

<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open Sans">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
	<style>
	h6 {font-family: "Oswald"}
body {font-family: "Open Sans"}
	
	.claim {
	float: right;
	width: 50%;
	padding-left: 10%;

	
	background-color: powderblue;
	}

.main-visual {
	}

	.main-visual img {
		float: left;
	}
	.main-visual figcaption {
		background-color:#f3f3f3 ;
		padding: 3em 2em


	}
	.main-visual figcaption > strong{
		font-size: 3em;
	}
	body{
		 background-color: "powderblue";
		  margin: 70px;

	}
	fieldset {
		background-color: brown;
	}
	h3 { color:white;} 
div h6{
	background-color: teal;
}
	 </style>

	
	<body>
		 <h6>Welcome<span class="w3-tag">Hafizah Muhyideen</span></h6>
		 <figure class="main-visual data-block">
		<img src="https://res.cloudinary.com/hafizah/image/upload/v1566627089/Snapchat-733321432_3_ode4vf.jpg"width="200" height="150">
		
			<figcaption class="clearfix">
			<strong class="title"><center>HAFIZAH MUHYIDEEN CV</center> </strong>
			
		</figcaption>
	</figure><br>
	<div>
      <h6 align="right"  ><button  class="w3-button w3-white w3-padding-large w3-large w3-opacity w3-hover-opacity-off" onclick="document.getElementById('subscribe').style.display='block'">CONTACT ME</button></h6>
    </div>
  

<div id="subscribe" class="w3-modal w3-animate-opacity">
  <div class="w3-modal-content" style="padding:32px">
    <div class="w3-container w3-white">
      <i onclick="document.getElementById('subscribe').style.display='none'" class="fa fa-remove w3-transparent w3-button w3-xlarge w3-right"></i>
      
      <h2 class="w3-wide">Please fill the below content</h2>
      
<form action="/action_page.php" method="post">
 
  <br>
   Title:      <input type="text"  name="Title" style=" width: 800px" required="">
  <br>
  <br>
   Name:     <input type="text" name="fname" style=" width: 800px" minlength="4" required>
   <br>
   <br>
   E-mail:  <input type="text" name="E-mail" style=" width: 800px" required="">
    <br>
    <br>
   Message:  <input type="text" minlength="20" style="width: 800px" name="msg" required="">
     <br>
     
     <br>
  <input type="submit"  class="w3-button w3-block w3-padding-large w3-red w3-margin-bottom" onclick="document.getElementById('Submit').style.display='none' value="Submit">
</form>
    </div>
  </div>
</div>

			<fieldset>
			<h3><p class="w3-large"><b><i class="fa fa-asterisk fa-fw w3-margin-right w3-text-white"></i>Personal Profile</b></p></h3>
			<article class="claim">
			<div class="container">
          <p><i class="fa fa-briefcase fa-fw w3-margin-right w3-large w3-text-teal"></i>Web Developer</p>
          <p><i class="fa fa-home fa-fw w3-margin-right w3-large w3-text-teal"></i>Port Harcourt, Nigeria</p>
          <p><i class="fa fa-envelope fa-fw w3-margin-right w3-large w3-text-teal"></i>Hafeexahabdul@gmail.com</p>
          <p><i class="fa fa-phone fa-fw w3-margin-right w3-large w3-text-teal"></i>+2349031943295</p>
          <hr>

			</fieldset>
		</figcaption>
<fieldset>
			<h3><p class="w3-large"><b><i class="fa fa-briefcase fa-fw w3-margin-right w3-text-white"></i>Work Experience</b></p></h3>
			<article class="claim">	
 <strong>Sectad/Graphics Designer</strong><br>
<b style="color:grey;">June 2012 - August 2012. Artillery, Port Harcourt.</b><br>
<b>Intern</b>
<br>
<br>
<strong>Department Of Petroleum Resources/System Analyst</strong><br>
<b style="color:grey;">May 2018 - December 2018. 4-9 Moscow, Port Harcourt.</b><br>
<b>Intern</b> 
<br>
<br>
<strong>HFL(Fashion Luxury)/Social Media Strategist</strong><br>
<b style="color:grey;">January 2018 - Till date. Choba, Port Harcourt.</b><br>
<b>Partnership  Business</b>
<br>
</fieldset>
<fieldset>
	<h3><p class="w3-large"><b><i class="fa fa-certificate fa-fw w3-margin-right w3-text-white"></i>Education</b></p></h3>
	<article class="claim">	
	
 <b>University Of Port Harcourt /BSc.</b>
<b style="color:grey;">2015 - November 2019. Choba, Rivers state </b>
<br>
<br>
<b>PSS International Secondary School/WAEC</b><br>
<b style="color:grey;">2009 - 2015. Prision Road, Port Harcourt </b>
<br>
<br>
<b>Ame Zion Academy/NECO</b><br>
<b style="color:grey;">2015. Newroad, Port Harcourt. </b>
</fieldset>
		
			
<fieldset>
	<h3><p class="w3-large"><b><i class="fa fa-asterisk fa-fw w3-margin-right w3-text-white"></i>Skills</b></p></h3>
	<article class="claim">	
	
	 
          <p>Web Development(Front-end) including(HTML,CSS,JS,BOOTSTRAP)</p>
          <div class="w3-light-grey w3-round-xlarge w3-small">
            <div class="w3-container w3-center w3-round-xlarge w3-gray" style="width:90%">90%</div>
          </div>
          <p>DigitalMarketing</p>
          <div class="w3-light-grey w3-round-xlarge w3-small">
            <div class="w3-container w3-center w3-round-xlarge w3-gray" style="width:80%">
              <div class="w3-center ">80%</div>
            </div>
          </div>
          <p>Graphics Design</p>
          <div class="w3-light-grey w3-round-xlarge w3-small">
            <div class="w3-container w3-center w3-round-xlarge w3-gray" style="width:75%">75%</div>
          </div>
          <p>Software Project Management</p>
          <div class="w3-light-grey w3-round-xlarge w3-small">
            <div class="w3-container w3-center w3-round-xlarge w3-gray" style="width:50%">50%</div>
          </div>
          <br>
</fieldset>
<fieldset>
	<h3>Hobbies & Interest</h3> 
	<article class="claim">	
	My Hobbies are Surfing, Coding,Reading and Eating <br>
My Interest are Technology, Fashion, Programming, Travel and Sports.
<br>
</fieldset>
<fieldset>
	<h3><p class="w3-large w3-text-theme"><b><i class="fa fa-globe fa-fw w3-margin-right w3-text-white"></i>Languages</b></p></h3> 
	<article class="claim">	
	
          <p>English</p>
          
          <p>Yoruba</p>
          
          <p>Hausa</p>
          
        </div>
      </div><br>
</div> 
</fieldset>
		

</article>
</section>
<footer class="w3-container w3-teal w3-center w3-margin-top">
  <p></p>
  <i class="fa fa-facebook-official w3-hover-opacity"></i>
  <i class="fa fa-instagram w3-hover-opacity"></i>
  <i class="fa fa-snapchat w3-hover-opacity"></i>
  <i class="fa fa-pinterest-p w3-hover-opacity"></i>
  <i class="fa fa-twitter w3-hover-opacity"></i>
  <i class="fa fa-linkedin w3-hover-opacity"></i>
</footer>
</body>
</html>



















