practice. html

In this example below you will see how to do a practice. html with some HTML / CSS and Javascript

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

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

  
</head>

<body>

  <html>
  <head>
    <title>
    </title>
  </head>
  <body>
        <font size="5"><ul>
      <li><a href="https://s.codepen.io/--MEMER--/debug/LQjEXy/wQMPoZXJEZGk">Home</a></li>
      <li><a href="https://s.codepen.io/--MEMER--/debug/GQrjqe/bYAdyGwVVdVk">Tacky Thursday</a></li>
      <li><a href="https://s.codepen.io/--MEMER--/debug/PQGGZq/bYMdyGwVVjJr">Terrific Tuesday</a></li>
        <li><a href="https://s.codepen.io/--MEMER--/debug/yvJaLP/GnAnbVxGGEOA">Magnificent Monday</a></li>
      <li><a href="https://s.codepen.io/--MEMER--/debug/XVyxEy/mWMoNbJGGmpk">Group project</a></li>
      <li><a href="https://s.codepen.io/--MEMER--/debug/xYGprg/yYMyLDGzznDk">Do u know da way</a></li>
      <li><a href="https://s.codepen.io/--MEMER--/debug/BJOvGQ/RBAOJenxxYqr">MEMES</a></li>
      </ul></font>
    <h1>Just Because <br />Isaac Villegas<br/>  Juan Vargas</h1>
    <p><u><b>Noice</b><em> memes</em></u></p>
    <br/>
    <hr/>
    <img src="http://starecat.com/content/wp-content/uploads/when-your-friend-is-on-the-other-team-if-anybodys-gonna-take-that-guy-down-its-gonna-be-me-family-guy.jpg" height="300" width="310">
    <img src="http://cdn.smosh.com/sites/default/files/2017/05/netflix-16.jpg" height="300">
    <br/>
       <img src="https://memeguy.com/photos/images/eating-and-watching-netflix-102480.png" height="250" width="310">
    <img src="https://i0.wp.com/getbestmattress.com/wp-content/uploads/2017/06/when-someone-takes-a-picture-of-me-while-Im-sleeping.jpg?resize=600%2C456&ssl=1" height="250" width="310">
    <ol>
      <li>Netflix and chill </li>
      <li>Give us an A </li>
      <li>Eat</li>
      <li>Sleep</li>
      <li>Video Games</li>
      <p><b><em>Relatable memes</em><b></P>
        <img src="https://img.memecdn.com/reasons-for-good-grades_c_589315.jpg">
        <img src="https://img.memecdn.com/high-expectation-asian-dad_o_1749873.jpg">
      </ol>
  </body>
</html>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/--MEMER--/practice-html-XVyxEy */

/* Fonts from Google Fonts - more at https://fonts.google.com */
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Mono:700i" rel="stylesheet:400,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');

body {
  background-color: black;
  font-family: "Ubuntu Mono", monospace;
  padding: 5px 25px;
  font-size: 18px;
  margin: 0;
  color: #ac4;
  Text-shadow: 2.9px 2.9px #B22222

}

h1 {
  font-family: "Merriweather", serif;
  font-size: 32px;
}
.title{
  text-align: center;
  color: rgb(52, 59, 190);
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color:rgb(255, 115, 118);
    overflow: hidden;
    border: 3px solid rgb(255, 255, 255);
}
li{
  display: inline;
  border-right: 10px solid white;
}
li a{
  text-align: center;
  text-decoration: none;
}
li a:hover{
  background-color:rgb(250, 90, 90);
}



Comments