<!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>bricabracomania.</title>
        <link href="css/styles.css" rel="stylesheet" type="text/css">
        <link rel="icon"
            type="image/png"
            href="/img/myicon.png" />
        </head>

    <body style="background-color:black;">
        <header>
            <img src="img/logo.png" alt="bricabracomania logo" class="logo" />
            <nav class="nav">
                <ul>
                    <li><a href="/">Home</a></li>
                    <li><a href="about">About</a></li>
                    <li><a href="projects">Projects</a></li>
                    <li><a href="contacts">Contacts</a></li>
                </ul>
            </nav>
        </header>
                <video autoplay playsinline nofullscreen nodownload autoplay loop mute style="pointer-events: none" src="video/Heart.m4v" width="80%" height="auto" ></video>

    <div class="home-about-textbox parallax--box">
        <h1>THE STORY</h1>
        <p><i>Here we have the story of brc</i></p>
        <p><strong>How was brc made?</strong></p>
        <p>Video? Text?</p>
    </div>

    <section class="cta">
        <div class="container">
            <h2 class="title title-cta">Order your piece now!
            </h2>
            <a href="contacts" class="button button-dark">Order</a>
        </div>
    </section>


    <footer>
        <div class="container">
            <div class="col-3">
                <ul class="unstyled-list" style="text-align:center;">
                    <li><strong>Hancarved jewellery loved and produced by</strong></li>
                    <li>Bricabracomania Metalworks</li>
                    <li>2020</li>
                </ul>
            </div>

            <div class="col-3">
                <ul class="unstyled-list" style="text-align:center;">
                    <li><strong>Follow us</strong></li>
                    <a href="https://www.facebook.com/bricabracomania" target="popup"><img src="/images/fb.png" style ="width:50px; height:50px;"/></a> <a href="https://www.etsy.com/shop/BricabracomaniaCraft" target="popup"><img src="/images/etsy.png" style ="width:50px; height:50px;"/></a> <a href="https://www.instagram.com/bricabracomania_metalworks" target="popup"><img src="/images/instagram.png" style ="width:50px; height:50px;"/></a>
                </ul>
            </div>
    </footer>
<script
  src="https://code.jquery.com/jquery-2.2.4.min.js"
  integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
  crossorigin="anonymous"></script>

<script src="js/parallax.js"></script>
</body>
</html>
