1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <!-- <meta name="viewport"> -->
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
- <link rel="stylesheet" href="css/reset.css">
- <link rel="stylesheet" href="css/style.css">
- <title>Project two</title>
- </head>
- <body>
- <div class="container">
- <header>
- <div class="content header">
- <div class="logo">
- <h1><a href="">Sitename</a></h1>
- <h2>let me introduce myself</h2>
- </div>
- <div class="mainmenu">
- <nav>
- <ul class="nav horizontal">
- <li class="active"><a href="#">Home</a></li>
- <li><a href="#">Blog</a></li>
- <li><a href="#">Gallery</a></li>
- <li><a href="#">Contacts</a></li>
- </ul>
- </nav>
- </div>
- </div>
- <div class="slider">
- <h1>Beautiful WordPress theme for Blogging</h1>
- <h2>the best WordPress theme developed by myThem.es</h2>
- </div>
- </header>
- <main>
- <div class="content">
- <article class="main-cont">
- <p>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit velit explicabo quidem, repellat rerum voluptates quis eaque laboriosam dicta, nihil delectus autem sit quo similique ducimus cupiditate, possimus dolorum nemo?
- </p>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur animi quis porro voluptatibus totam eveniet voluptas ipsa distinctio quod. Odio non maxime vel molestiae, sed commodi iusto similique cum nihil?
- </p>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error nesciunt aliquam molestias explicabo dolor repudiandae ipsam ratione quo quaerat veniam excepturi voluptas magnam praesentium, officia vero ullam ex adipisci dolorum laudantium quasi repellat temporibus in. Veritatis sit architecto veniam magni, reiciendis nam fugiat a, minima qui error quisquam earum eum.
- </p>
- <img src="img/image.jpeg" alt="">
- <p class="caption">
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam odit sequi ad accusantium, totam officiis nam sunt cumque cupiditate praesentium consectetur commodi! Consectetur, laudantium eum?
- </p>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore impedit asperiores repellendus sed, illo minima fuga odit nostrum, eveniet vitae sapiente placeat quos, laborum doloremque perspiciatis! Modi animi rem, eaque, tenetur, corporis numquam culpa reprehenderit adipisci id harum sequi libero nesciunt. Quaerat ducimus delectus harum debitis voluptatem, voluptatibus, consequuntur consequatur!
- </p>
- </article>
- </div>
- </main>
- <footer>
- <div class="fcontent">
- <section class="copyright">
- <address>
- <p>
- Copyright © 2017. Powered by <span>WordPress.</span> Designed by <span>myThem.es</span>
- </p>
- </address>
- </section>
- <section class="social">
- <a href="#" class="tw"><i class="fa fa-twitter" aria-hidden="true"></i></a>
- <a href="#" class="bh"><i class="fa fa-behance" aria-hidden="true"></i></a>
- <a href="#" class="dr"><i class="fa fa-dropbox" aria-hidden="true"></i></a>
- <a href="#" class="fb"><i class="fa fa-facebook" aria-hidden="true"></i></a>
- <a href="#" class="rs"><i class="fa fa-rss" aria-hidden="true"></i></a>
- </section>
- </div>
- </footer>
- </div>
- </body>
- </html>
|