API tools faq
paste
Advertisement
pacho_the_python

example_html

pacho_the_python
Feb 18th, 2023
834
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.04 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.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <link rel="stylesheet" href="reset.css">
  8.     <link rel="stylesheet" href="wirework.css">
  9.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.2.0/css/all.css">
  10.     <title>Wirework</title>
  11. </head>
  12. <body>
  13.     <header>
  14.         <p class="title">WOREWORK</p>
  15.         <div class="line"></div>
  16.         <p class="sub-title">BY TEMPLATED</p>
  17.         <div class="links">
  18.             <ul class="nav" role="list">
  19.                 <li class="first_orange"><a class="orange_link" href="">HOMEPAGE</a></li>
  20.                 <li><a href="">OUR CLIENTS  </a></li>
  21.                 <li><a href="">ABOUT US </a></li>
  22.                 <li><a href="">CAREERS</a></li>
  23.                 <li><a href="">CONTACT US</a></li>
  24.             </ul>
  25.         </div>
  26.     </header>
  27.     <main>
  28.         <section class="clable_pic"></section>
  29.  
  30.         <section class="section_content">
  31.             <p>This is <span class="wirework">Wirework</span>, a free, fully standards-compliant CSS template designed by <a class="orange_link" href="#">TEMPLATED</a>.
  32.                 The photos in this template are from <a class="orange_link" href="">Fotogrph</a>. This free template is released under the <a class="orange_link" href="">Creative Commons Attribution</a> license, so you're pretty much free to do whatever you want with it (even use it commercially) provided you give us credit for it. Have fun :)</p>
  33.         </section>
  34.  
  35.         <section class="section_flex">
  36.             <div class="card">
  37.                 <i class="fa-solid fa-key"></i>
  38.                 <p class="icon_font">Maecenas lectus sapien</p>
  39.                 <hr>
  40.                 <p class="under_hr_p">In posuere eleifend odio. Quisque semper augue mattis wisi. Pellentesque viverra vulputate enim. Aliquam erat volutpat.</p>
  41.             </div>
  42.  
  43.             <div class="card">
  44.                 <i class="fa-solid fa-scale-unbalanced-flip"></i>
  45.                 <p class="icon_font">Praesent scelerisque</p>
  46.                 <hr>
  47.                 <p class="under_hr_p">In posuere eleifend odio. Quisque semper augue mattis wisi. Pellentesque viverra vulputate enim. Aliquam erat volutpat.</p>
  48.             </div>
  49.  
  50.             <div class="card">
  51.                 <i class="fa-solid fa-unlock-keyhole"></i>
  52.                 <p class="icon_font">Fusce ultrices fringilla</p>
  53.                 <hr>
  54.                 <p class="under_hr_p">In posuere eleifend odio. Quisque semper augue mattis wisi. Pellentesque viverra vulputate enim. Aliquam erat volutpat.</p>
  55.             </div>
  56.  
  57.             <div class="card">
  58.                 <i class="fa-solid fa-wrench"></i>
  59.                 <p class="icon_font">Etiam posuere augue</p>
  60.                 <hr>
  61.                 <p class="under_hr_p">In posuere eleifend odio. Quisque semper augue mattis wisi. Pellentesque viverra vulputate enim. Aliquam erat volutpat.</p>
  62.             </div>
  63.         </section>
  64.  
  65.         <section class="description">
  66.             <div class="description_size">
  67.                 <h2>Maecenas vitae orci vitae tellus feugiat eleifend</h2>
  68.                 <p class="description_p">QUISQUE DICTUM INTEGER NISL RISUS, SAGITTIS CONVALLIS, RUTRUM ID, CONGUE, AND NIBH</p>
  69.                 <a class="description_a" href="#">ETIAM POSUERE</a>
  70.             </div>
  71.         </section>
  72.  
  73.         <section class="section_flex">
  74.             <div class="card">
  75.                
  76.                 <p class="icon_font bottom_p">Maecenas lectus sapien</p>
  77.                
  78.                 <p class="under_hr_p">In posuere eleifend odio. Quisque semper augue mattis wisi. Pellentesque viverra vulputate enim. Aliquam erat volutpat.</p>
  79.             </div>
  80.  
  81.             <div class="card">
  82.                
  83.                 <p class="icon_font bottom_p">Praesent scelerisque</p>
  84.            
  85.                 <p class="under_hr_p">In posuere eleifend odio. Quisque semper augue mattis wisi. Pellentesque viverra vulputate enim. Aliquam erat volutpat.</p>
  86.             </div>
  87.  
  88.             <div class="card">
  89.                
  90.                 <p class="icon_font bottom_p">Fusce ultrices fringilla</p>
  91.              
  92.                 <p class="under_hr_p">In posuere eleifend odio. Quisque semper augue mattis wisi. Pellentesque viverra vulputate enim. Aliquam erat volutpat.</p>
  93.             </div>
  94.  
  95.             <div class="card">
  96.              
  97.                 <p class="icon_font bottom_p">Etiam posuere augue</p>
  98.              
  99.                 <p class="under_hr_p">In posuere eleifend odio. Quisque semper augue mattis wisi. Pellentesque viverra vulputate enim. Aliquam erat volutpat.</p>
  100.             </div>
  101.         </section>
  102.     </main>
  103.     <footer>
  104.         <div class="footer_p">
  105.             <p>© UNTITLED. ALL RIGHTS RESERVED. | PHOTOS BY <span class="footer_span">FOTOGRPH</span> | DESIGN BY <span class="footer_span">TEMPLATED</span>.</p>
  106.         </div>
  107.     </footer>
  108. </body>
  109. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!