My Info

In this example below you will see how to do a My Info with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by ASTON_GAMER, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright ASTON_GAMER ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>My Info</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  
<h1>Aston Lit</h1>
<h2>DSC</h2>
<p>E-mail:
      astonlit1111@gmail.com & 15626@delia.edu.hk</p>
<p>Phone: +852 9721 5559</p>
<a href="https://www.todaysparent.com/wp-content/uploads/2016/01/Colour-Coding1.jpg" target="_blank"> <img
src="https://www.todaysparent.com/wp-content/uploads/2016/01/Colour-Coding1.jpg" alt="" />
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/ASTON_GAMER/my-info-BpWXxg */
*{
      color: blue;
      text-align:center;
      font-size:45px;
      font-family: Comic Sans MS;
      background: yellow;
}

h2{
      color: red;
      text-align:center;
      font-size:28.5px;
      font-family: Comic Sans MS;
}
p{
      color: orange;
      text-align:center;
      font-size:55px;
      font-family: Comic Sans MS;    
}

img {
      width: 500px;
      hight: 500px;
}

Comments