API tools faq
paste
LegoDrifter

Untitled

LegoDrifter
May 5th, 2020
168
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.97 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>CSS Cheat Sheet</title>
  6.     <link rel="stylesheet" href="css/style.css">
  7. </head>
  8. <body>
  9. <div class="container">
  10. <div class="box-1">
  11.     <h1> Hello World</h1>
  12.     <p>In this video I will cram as much as possible about CSS. We will be looking at styles, selectors, declarations, etc. We will build a CSS cheat sheet that you can keep as a resource and we will also create a basic website layout. We are using CSS3 but mostly the basics. I will be creating an advanced CSS course with animations,  etc. I do have a Flexbox in 20 minutes video as well if you want to learn flexbox.
  13.         In this video I will cram as much as possible about CSS. We will be looking at styles, selectors, declarations, etc. We will build a CSS cheat sheet that you can keep as a resource and we will also create a basic website layout. We are using CSS3 but mostly the basics. I will be creating an advanced CSS course with animations,  etc. I do have a Flexbox in 20 minutes video as well if you want to learn flexbox.
  14.         In this video I will cram as much as possible about CSS. We will be looking at styles, selectors, declarations, etc. We will build a CSS cheat sheet that you can keep as a resource and we will also create a basic website layout. We are using CSS3 but mostly the basics. I will be creating an advanced CSS course with animations,  etc. I do have a Flexbox in 20 minutes video as well if you want to learn flexbox.
  15.         In this video I will cram as much as possible about CSS. We will be looking at styles, selectors, declarations, etc. We will build a CSS cheat sheet that you can keep as a resource and we will also create a basic website layout. We are using CSS3 but mostly the basics. I will be creating an advanced CSS course with animations,  etc. I do have a Flexbox in 20 minutes video as well if you want to learn flexbox.
  16.         In this video I will cram as much as possible about CSS. We will be looking at styles, selectors, declarations, etc. We will build a CSS cheat sheet that you can keep as a resource and we will also create a basic website layout. We are using CSS3 but mostly the basics. I will be creating an advanced CSS course with animations,  etc. I do have a Flexbox in 20 minutes video as well if you want to learn flexbox.
  17.         In this video I will cram as much as possible about CSS. We will be looking at styles, selectors, declarations, etc. We will build a CSS cheat sheet that you can keep as a resource and we will also create a basic website layout. We are using CSS3 but mostly the basics. I will be creating an advanced CSS course with animations,  etc. I do have a Flexbox in 20 minutes video as well if you want to learn flexbox.
  18.         s</p>
  19. </div>
  20.     <div class="box-2">
  21.         <h1> Goodbye World</h1>
  22.         <p>In this video I will cram as much as possible about CSS. We will be looking at styles, selectors, declarations, etc. We will build a CSS cheat sheet that you can keep as a resource and we will also create a basic website layout. We are using CSS3 but mostly the basics. I will be creating an advanced CSS course with animations,  etc. I do have a Flexbox in 20 minutes video as well if you want to learn flexbox.
  23.             In this video I will cram as much as possible about CSS. We will be looking at styles, selectors, declarations, etc. We will build a CSS cheat sheet that you can keep as a resource and we will also create a basic website layout. We are using CSS3 but mostly the basics. I will be creating an advanced CSS course with animations,  etc. I do have a Flexbox in 20 minutes video as well if you want to learn flexbox.
  24.             In this video I will cram as much as possible about CSS. We will be looking at styles, selectors, declarations, etc. We will build a CSS cheat sheet that you can keep as a resource and we will also create a basic website layout. We are using CSS3 but mostly the basics. I will be creating an advanced CSS course with animations,  etc. I do have a Flexbox in 20 minutes video as well if you want to learn flexbox.
  25.             In this video I will cram as much as possible about CSS. We will be looking at styles, selectors, declarations, etc. We will build a CSS cheat sheet that you can keep as a resource and we will also create a basic website layout. We are using CSS3 but mostly the basics. I will be creating an advanced CSS course with animations,  etc. I do have a Flexbox in 20 minutes video as well if you want to learn flexbox.
  26.             In this video I will cram as much as possible about CSS. We will be looking at styles, selectors, declarations, etc. We will build a CSS cheat sheet that you can keep as a resource and we will also create a basic website layout. We are using CSS3 but mostly the basics. I will be creating an advanced CSS course with animations,  etc. I do have a Flexbox in 20 minutes video as well if you want to learn flexbox.
  27.             In this video I will cram as much as possible about CSS. We will be looking at styles, selectors, declarations, etc. We will build a CSS cheat sheet that you can keep as a resource and we will also create a basic website layout. We are using CSS3 but mostly the basics. I will be creating an advanced CSS course with animations,  etc. I do have a Flexbox in 20 minutes video as well if you want to learn flexbox.
  28.             s</p>
  29.         <a class="button" href="">Read More</a>
  30.     </div>
  31.     <div class="categories">
  32.         <h2>Categories</h2>
  33.         <ul>
  34.             <li><a href="#">Category one</a></li>
  35.             <li><a href="#">Category two</a></li>
  36.             <li><a href="#">Category three</a></li>
  37.             <li><a href="#">Category four</a></li>
  38.  
  39.         </ul>
  40.  
  41.     </div>
  42.     <form class = "my-form">
  43.         <div class="form-group">
  44.             <label>Name: </label>
  45.             <input type="text" name="name">
  46.         </div>
  47.         <div class="form-group">
  48.             <label>Email: </label>
  49.             <input type="text" name="email">
  50.         </div>
  51.         <div class="form-group">
  52.             <label>Message: </label>
  53.             <textarea namme="message"></textarea>
  54.         </div>
  55.         <input class="button" type="submit" value="Submit" name="">
  56.     </form>
  57.     <div class="block">
  58.         <h3>Heading</h3>
  59.         <p>Dummy text Dummy text Dummy text
  60.             Dummy text Dummy text Dummy text
  61.             Dummy text Dummy textDummy text
  62.             Dummy text Dummy text Dummy text</p>
  63.     </div>
  64.     <div class="block">
  65.         <h3>Heading</h3>
  66.         <p>Dummy text Dummy text Dummy text
  67.             Dummy text Dummy text Dummy text
  68.             Dummy text Dummy textDummy text
  69.             Dummy text Dummy text Dummy text</p>
  70.     </div>
  71.     <div class="block">
  72.         <h3>Heading</h3>
  73.         <p>Dummy text Dummy text Dummy text
  74.             Dummy text Dummy text Dummy text
  75.             Dummy text Dummy textDummy text
  76.             Dummy text Dummy text Dummy text</p>
  77.     </div>
  78.     <div class="clr"></div>
  79.     <div id="main-block">
  80.         <h3>Heading</h3>
  81.         <p>Dummy text Dummy text Dummy text
  82.             Dummy text Dummy text Dummy text
  83.             Dummy text Dummy textDummy text
  84.             Dummy text Dummy text Dummy text</p>
  85.  
  86.     </div>
  87.     <div id="side-bar">
  88.         <p>Dummy text Dummy text Dummy text
  89.             Dummy text Dummy text Dummy text
  90.             Dummy text Dummy textDummy text
  91.             Dummy text Dummy text Dummy text</p>
  92.     </div>
  93.     <div class="clr"></div>
  94.  
  95.     <div class="p-box">
  96.         <h1>Hello</h1>
  97.         <h2>Goodbye</h2>
  98.  
  99.     </div>
  100.     <ul class="mylist">
  101.         <li>List item</li>
  102.         <li>List item</li>
  103.         <li>List item</li>
  104.         <li>List item</li>
  105.         <li>List item</li>
  106.         <li>List item</li>
  107.         <li>List item</li>
  108.         <li>List item</li>
  109.         <li>List item</li>
  110.         <li>List item</li>
  111.         <li>List item</li>
  112.     </ul>
  113. </div><!-- ./container -->
  114. <a class="fix-me button" href="">Hello</a>
  115.  
  116.  
  117. <div style="margin-top:500px;"></div>
  118. </body>
  119. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!