HTML5 Sample

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Prodessional web desing">
    <meta name="keyword" content="web desing, responsive web">
    <meta name="author" content="Negant.pl">
    <title>NoNameCo</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <header>
        <div class="container">
            <div class="brand">
                <h1><span class="highlight">No</span>NameCo</h1>
            </div>
            <nav>
                <ul>
                    <li class="current"><a href="index.html">Home</a></li>
                    <li><a href="about.html">About</a></li>
                    <li><a href="services.html">Services</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <section class="hello">
        <div class="container">
            <h1>Utamur placerat te ius.</h1>
            <p>Mea autem disputationi at. Sit enim facilis te, nusquam deterruisset id cum. Sea summo doctus id, audiam inciderint in qui, maluisset evertitur sit ei. Vivendo persequeris definitiones at his, has unum dissentiet in. Sea dicat fierent at. Nec partem aperiri diceret cu. Ei posse gloriatur sea.</p>
        </div>
    </section>

    <section class="newsletter">
        <div class="container">
            <h1>Subscribe To Our Newsletter</h1>
            <form>
                <input type="email" placeholder="Enter email">
                <button type="submit" class="button-newsletter">Subscribe</button>
            </form>
        </div>
    </section>

    <section class="box-main">
        <div class="container">
            <div class="box">
                <img src="img/htmlbox.png" alt="html">
                <h3>Tibique Delicata</h3>
                <p>am vide officiis concludaturque ex, an alia erant iudicabit cum. Ad quidam fastidii has, an dicit consectetuer pro.</p>
            </div>
            <div class="box">
                <img src="img/cssbox.png" alt="css">
                <h3>Ad Maiestatis Definitionem</h3>
                <p>Quaeque referrentur deterruisset ei has, an est modo minim adipisci. Quo an percipitur interesset, mea ne vide platonem instructior.</p>
            </div>
            <div class="box">
                <img src="img/jsbox.png" alt="js">
                <h3>In Regione</h3>
                <p>Nam ex vero ponderum, ius ex vulputate neglegentur, ornatus necessitatibus eum ex. Vix modo soluta ea, mel adhuc illum tamquam no.</p>
            </div>
        </div>
    </section>

    <section class="gallery-main">
        <div class="container">
            <div class="gallery-box">
                <img src="img/g1.jpg">
                <h3>Proin quis</h3>
                <p>Proin quis est vitae odio luctus laoreet vitae eget tortor. Sed pulvinar tellus neque, ut finibus turpis sollicitudin a. Donec auctor scelerisque leo eu ornare.</p>
                <button type="submit" class="button-gallery">Read more</button>
            </div>
            <div class="gallery-box">
                <img src="img/g2.jpg">
                <h3>Curabitur mauris</h3>
                <p>Curabitur mauris velit, pharetra pulvinar ante non, mattis accumsan nunc. In hac habitasse platea dictumst. Nam at lorem sollicitudin enim imperdiet ornare luctus ut massa.</p>
                <button type="submit" class="button-gallery">Read more</button>
            </div>
            <div class="gallery-box">
                <img src="img/g3.jpg">
                <h3>Nullam rhoncus</h3>
                <p>Nullam rhoncus congue lectus, quis egestas est. Curabitur tortor mi, consectetur ut pharetra vitae, tincidunt nec sem.</p>
                <button type="submit" class="button-gallery">Read more</button>
            </div>
        </div>
    </section>

    <footer>
        <p>NoNameCo, Copyright &copy; 2017</p>
    </footer>

</body>

</html>