Untitled

<!DOCTYPE HTML>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="style.css"/>
    <meta charset="UTF-8">
    <title>Proin Gravida</title>
</head>
<body>
    <header>
        <a href="/" title="Return to Home" id="logo">
            <img src="img/logo.png" alt="logo">
        </a>

        <nav>
            <ul>
                <li><a href="">Home</a></li>
                <li><a href="">Features</a></li>
                <li><a href="">Pricing</a></li>
                <li><a href="">Customers</a></li>
            </ul>
        </nav>
    </header>

    <div id="banner">
        <h1>Enter your email adress to lorem ipsum:</h1>
        <div id="bannerLorem">
                <form action="#" method="post">
                <input type="text" placeholder="[email protected]" />
                <input type="submit" value="Lorem" />
                </form>
            </div><!--contact-->
    </div><!--banner-->

    <div id="content">

        <div id="offers">
            <div id="logoDesign">
                <img src="img/logo_design.jpg" alt="Logo Design Icon">
                <h1>Logo design</h1>
                <p>This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet.</p>
                <button type="button">Learn More</button>
            </div><!--logoDesign-->

            <div id="webDesign">
                <img src="img/web_design.jpg" alt="Web Design Icon">
                <h1>Web design</h1>
                <p>This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet.</p>
                <button type="button">Learn More</button>
            </div><!--webDesign-->

            <div id="Coding">
                <img src="img/coding.jpg" alt="Coding Icon">
                <h1>Coding</h1>
                <p>This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet.</p>
                <button type="button">Learn More</button>
            </div><!--coding-->
        </div><!--offers-->

        <div id="works">
            <div id="proinGravida">
                <img src="img/proin_gravida.jpg" alt="Proin Gravida">
                <h1>Proin Gravida</h1>
                <p>This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. </p>
            </div><!--proinGravida-->

            <div id="velitAuctor">
                <img src="img/velit_auctor.jpg" alt="Velit Auctor">
                <h1>Velit Auctor</h1>
                <p>This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. </p>
            </div><!--pvelitAuctor-->

            <div id="nibihVel">
                <img src="img/nibih_vel.jpg" alt="Nibih Vel">
                <h1>Nibih Vel</h1>
                <p>This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. </p>
            </div><!--nibihVel-->

            <div id="aliquet">
                <img src="img/aliquet.jpg" alt="Aliquet">
                <h1>Aliquet</h1>
                <p>This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. </p>
            </div><!--aliquet-->
        </div><!--works-->

        <div id="team">
            <div id="nameSurname">
                <img src="img/name_surname.jpg" alt="Name Surname">
                <h1>Name Surname</h1>
                <p>This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. </p>
            </div><!--nameSurname-->

            <div id="janeDoe">
                <img src="img/jane_doe.jpg" alt="Jane Doe">
                <h1>Jane Doe</h1>
                <p>This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. </p>
            </div><!--janeDoe-->

            <div id="johnDoe">
                <img src="img/john_doe.jpg" alt="John Doe">
                <h1>John Doe</h1>
                <p>This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. </p>
            </div><!--johnDoe-->

            <div id="jloremIpsum">
                <img src="img/lorem_ipsum.jpg" alt="Lorem Ipsum">
                <h1>Lorem Ipsum</h1>
                <p>This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. </p>
            </div><!--loremIpsum-->


        </div><!--team-->

    </div><!--content-->

    <footer>
        <div id="big">
            <div id="bfooterText">
                <h2>Get in touch with us</h2>
                <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas.</p>
            </div><!--bfooterText-->

            <div id="social">
                <a target="_blank" href="http://facebook.com">
                    <img src="img/facebook.png" alt="Facebook"></a>

                <a target="_blank" href="http://blogger.com">
                    <img src="img/blogger.png" alt="Blogger"></a>

                <a target="_blank" href="http://youtube.com">
                    <img src="img/youtube.png" alt="YouTube"></a>

                <a target="_blank" href="http://twitter.com">
                    <img src="img/twitter.png" alt="Twitter"></a>

                <a target="_blank" href="http://dribbble.com">
                    <img src="img/dribbble.png" alt="Dribbble"></a>
            </div><!--social-->


            <h2>Get a quote</h2>
            <div id="contact">
                <form action="#" method="post">
                <input type="text" placeholder="Name &amp; Surname" />
                <input type="email" placeholder="Email Adress" />
                <input type="submit" value="Submit" />
                </form>
            </div><!--contact-->
        </div><!--big-->

        <div id="small">
            <div id="mnavigation">
                <ul>
                    <li><a href="">Home</a></li>
                    <li><a href="">Features</a></li>
                    <li><a href="">Pricing</a></li>
                    <li><a href="">Customers</a></li>
                </ul>
            </div><!--navigation-->
            <a href="#">Top</a>
        </div><!--small-->
    </footer>


</body>
</html>