A Pen by Halim SD

Thumbnail
This awesome code was written by Halimsd, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright Halimsd ©
  • HTML
  • CSS
  • JavaScript
    
<html>
    
    <head>
        <meta charset="utf-8">
        <title>Personal webpage</title>
        <link rel="stylesheet" href="Untitled-21111.css">
    </head>
    <body class="pageone">
           <h1>Halim SD</h1> 
            
            
      
            <img class="img0 text-center" src="https://lh3.googleusercontent.com/-iRXP_WTDWA0/WPUKtlyCmOI/AAAAAAAAAiQ/nx_QrAI29j4LwxARA5z7lSVRsc1oSMuxQCEw/w300-h300-p/HalimSD.jpg" alt="my photo">

            <ul class="font">Some personal information about me :
                  <li> My name : Abdalhalim Saadaldeen</li>
                  <li> Age : 23</li>
                  <li>Place of birth : Homs in Syria</li>
                  <li>Place of residence : Rotterdam in the Netherland</li>
            </ul>
          
            
                <p class="text-center p-bground">
            I'm a student and i'm learning web designing/developing.</br> i'm currently part of a small web developing team of students.</br> My passion is to use technology to help myself and others to solve real world challenges.</br> My ambition is to make technology something easier to use and available for everyone.
                </p>
         
            <ul class="ul2">See also :
                <li><a title="Education and work experience" href="pagetow">Education and work experience</a> </li>
                <li><a title="Hobbies and things that i like" href="pagethree">Hobbies and things that i like</a></li>
            
            </ul>  
    </body>
</html>


/*Downloaded from https://www.codeseek.co/Halimsd/a-pen-by-halim-sd-mmvpVj */
    .pageone{ 
 background-image:url("https://images.unsplash.com/photo-1449247709967-d4461a6a6103?dpr=1&auto=format&fit=crop&w=1080&h=720&q=80&cs=tinysrgb&crop=&bg=");
     background-size:  cover;
 margin-top: -1.5%;
     min-height: 100%;
}
.img0{
  margin-left:75% ;
  margin-top:5%;
  border-radius: 50%;
}
.font{
  color: dimgray;  
  font-size: 25px;
  margin-top: -20%;
}
h1{
    margin-left: 45%;
    color: cornflowerblue;
}
.p-bground{
    background-color: black;
    opacity: 0.3;
    margin-right: 20%;
    margin-left: 20%;
    width: 850px;
    margin-top: 10%;
    border-radius: 3%;
}
p{
    color: aliceblue;
    font-size: 25px;
    margin-left: auto;
    padding: 5px;
}
.ul2{
    margin-top: -23%;
    font-size: 20px;
    margin-bottom: -5%;
}



/*Downloaded from https://www.codeseek.co/Halimsd/a-pen-by-halim-sd-mmvpVj */
    

Comments