brc/js/index.html
2020-10-28 21:16:55 +01:00

161 lines
4.4 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>
<body style="background-color:black;">
<header>
<img src="img/logo.png" alt="bricabracomania logo" class="logo">
<nav>
<ul>
<li><a href="">Home</a></li>
<li><a href="">About</a></li>
<li><a href="">Contact</a></li>
</ul>
</nav>
</header>
<section class="home-hero parallax--bg">
<div class="container">
<h1 class="title parallax--box"><span><img src="img/title.png" alt="title"></span>
</h1>
<a href="" class="button button-accent">See Our Work</a>
</div>
</section>
<div class="container">
<section class="home-about">
<div class="home-about-textbox parallax--box">
<h1>Who we are</h1>
<p><i>Bricabracomania metalworks is home of antique-inspired, alternative jewelry with an obscure, sculptural twist.</i></p>
<p><strong>Every design is created with passion and devotion in the best traditions of wax carving by hand, experimenting with forms and textures, as well as unconventional material combinations and patinas.</strong> We celebrate statement pieces, bold designs and mix of eras from classical forms of ancient Rome to intricate details of Victorian memorabilia. Our creations are inspired by legends, religious motives and occult, pirate tales and cabinets of curiosities; are meant to become life companions and talismans for their owners.</p>
</div>
</section>
</div>
<section class="portfolio">
<h1>Some of our work</h1>
<!-- portfolio item 01 -->
<figure class="port-item">
<img src="img/portfolio-01.jpg" alt="portfolio item">
<figcaption class="port-desc">
<p>Project title</p>
<a href="" class="button button-accent button-small">Project details</a>
</figcaption>
</figure>
<!-- portfolio item 02 -->
<figure class="port-item">
<img src="img/portfolio-02.jpg" alt="portfolio item">
<figcaption class="port-desc">
<p>Project title</p>
<a href="" class="button button-accent button-small">Project details</a>
</figcaption>
</figure>
<!-- portfolio item 03 -->
<figure class="port-item">
<img src="img/portfolio-03.jpg" alt="portfolio item">
<figcaption class="port-desc">
<p>Project title</p>
<a href="" class="button button-accent button-small">Project details</a>
</figcaption>
</figure>
<!-- portfolio item 04 -->
<figure class="port-item">
<img src="img/portfolio-04.jpg" alt="portfolio item">
<figcaption class="port-desc">
<p>Project title</p>
<a href="" class="button button-accent button-small">Project details</a>
</figcaption>
</figure>
<!-- portfolio item 05 -->
<figure class="port-item">
<img src="img/portfolio-05.jpg" alt="portfolio item">
<figcaption class="port-desc">
<p>Project title</p>
<a href="" class="button button-accent button-small">Project details</a>
</figcaption>
</figure>
<!-- portfolio item 06 -->
<figure class="port-item">
<img src="img/portfolio-06.jpg" alt="portfolio item">
<figcaption class="port-desc">
<p>Project title</p>
<a href="" class="button button-accent button-small">Project details</a>
</figcaption>
</figure>
</section>
<section class="cta">
<div class="container">
<h1 class="title title-cta">Want to order?
<span>Then what are you waiting for?</span>
</h1>
<a href="" class="button button-dark">Order</a>
</div>
</section>
<footer>
<div class="container">
<div class="col-3">
<p>Hancarved jewellery loved and produced by</p>
</div>
<div class="col-1">
<ul class="unstyled-list">
<li><strong>Brc</strong></li>
<li>Metalworkds</li>
<li>Unique</li>
<li>Madman's</li>
<li>Basement</li>
</ul>
</div>
<div class="col-1">
<ul class="unstyled-list">
<li><strong>Follow us</strong></li>
<li>Instagram</li>
<li>Etsy</li>
<li>Whatever</li>
<li>Floats your boat</li>
</ul>
</div>
<div class="col-1">
<ul class="unstyled-list">
<li><strong>Licensed by</strong></li>
<li>Lietuvos</li>
<li>Prabavimo</li>
<li>Rumai</li>
<li>LPR</li>
</ul>
</div>
</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>