|
|
| Line 1: |
Line 1: |
| | | | |
| − | <!--DOCTYPE html-->
| |
| − | <html>
| |
| − | <head>
| |
| − | <meta charset="utf-8">
| |
| − | <meta name="viewport" content="width=device-width " >
| |
| − | <title>Acme Design| Welcome </title>
| |
| − | <link rel="stylesheet" href="./css/style.css">
| |
| − | </head>
| |
| − | <body>
| |
| − | <header>
| |
| − | <div class="container">
| |
| − | <div id="branding">
| |
| − | <h1>Acme Web Design</h1>
| |
| − | </div>
| |
| − | <nav>
| |
| − | <ul>
| |
| − | <li><a href="new css.html">Home</a></li>
| |
| − | <li><a href="about.html">about</a></li>
| |
| − | <li><a href="services.html">services</a></li>
| |
| − | </ul>
| |
| − |
| |
| − | </nav>
| |
| − | </div>
| |
| − | </header>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <sections id="showcase">
| |
| − | <div class="container">
| |
| − | <h1>Jacob2.0</h1>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
| |
| − | tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
| |
| − | </p>
| |
| − | </div>
| |
| − | </sections>
| |
| − |
| |
| − | <section id="newsletter">
| |
| − | <div class="container">
| |
| − | <h1>Subsribe To Our Newsletter</h1>
| |
| − | <form>
| |
| − | <input type="email" placeholder="Enter Email...">
| |
| − | <button type="submit" class="button_1">Subscribe</button>
| |
| − | </form>
| |
| − | </div>
| |
| − | </section>
| |
| − |
| |
| − | <section id="boxes">
| |
| − | <div class="container">
| |
| − | <div class="box">
| |
| − | <img src="./img/css-logo.png">
| |
| − | <h3>HTML5 Markup</h3>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
| |
| − | tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
| |
| − | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
| |
| − | consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
| |
| − | cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
| |
| − | proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
| |
| − | </div>
| |
| − | <div class="box">
| |
| − | <img src="./img/css-logo.png">
| |
| − | <h3>CSS3 Styling</h3>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
| |
| − | tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
| |
| − | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
| |
| − | consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
| |
| − | cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
| |
| − | proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
| |
| − | </div>
| |
| − | <div class="box">
| |
| − | <img src="./img/css-logo.png">
| |
| − | <h3>Graphic Design</h3>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
| |
| − | tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
| |
| − | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
| |
| − | consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
| |
| − | cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
| |
| − | proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </section>
| |
| − | <footer>
| |
| − | <p>Acme Web Design, Copyright ©2018
| |
| − | </p>
| |
| − | </footer>
| |
| − |
| |
| − |
| |
| − | </body>
| |
| − | </html>
| |
