This repository has been archived by the owner on Oct 8, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbrands.html
165 lines (164 loc) · 10.2 KB
/
brands.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Chronicle | Brands | Fresno, Ca</title>
<script src="https://use.fontawesome.com/8f62e5402a.js">
</script>
<link href="css/brands.css" rel="stylesheet" type="text/css">
<link href="css/main.css" rel="stylesheet" type="text/css">
<link href="img/blackbackground.1.png" rel="icon">
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
<script src="https://code.jquery.com/jquery-2.2.1.min.js" type="text/javascript">
</script>
<meta content="width = device-width" name="viewport">
<link rel="publisher" href="106806701520396790348">
<meta name="keywords" content="subscription box, monthly boxes, monthly boxes for men, best subscription boxes for men, monthly gift box, men, apparel, fashion, clothes, clothing, razors, razor accessories, grooming supplies. fragrances, cologne, chronicle, chronicle box, versace, urban crow, marlowe skin, face wash, beard oil, shaving cream, aftershave, pacific shaving co, gillette, Every Man Jack, Harry's, Drakkar Noir">
</head>
<body>
<div id="cb">
<svg height="50pt" preserveaspectratio="xMidYMid meet" version="1.0" viewbox="0 0 419.000000 400.000000" width="50pt" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="M2120 3800 c-776 -94 -1356 -598 -1536 -1335 -69 -284 -73 -671 -9 -975 101 -485 365 -881 738 -1109 310 -189 653 -274 1042 -258 496 21 849 166 1138 466 l89 92 -49 52 c-26 29 -89 96 -138 150 -50 54 -102 105 -117 113 -58 30 -114 14 -203 -60 -206 -171 -381 -232 -695 -243 -289 -10 -504 53 -708 207 -326 245 -497 705 -453 1213 45 507 294 879 699 1043 167 67 241 79 482 78 174 -1 216 -4 280 -21 161 -44 245 -84 448 -213 71 -45 142 -52 191 -18 19 12 90 100 158 193 l122 170 -52 47 c-219 198 -509 338 -812 394 -105 19 -496 28 -615 14z" fill="url(#blue-fill)" id="XMLID_4_" stroke="black" stroke-width="2" transform="translate(0.000000,400.000000) scale(0.100000,-0.100000)"></path><defs><lineargradient id="blue-fill" x1="0.5" x2="0.5" y1="1" y2="0"><stop offset="100%" stop-color="#decda1" stop-opacity="1"><animate attributename="offset" begin="0s; anim1.end" dur="3s" id="anim1" repeatcount="infinite" values="0;1"></animate></stop><stop offset="100%" stop-color="white" stop-opacity="1"><animate attributename="offset" begin="anim2.end;anim3.end" dur="3s" id="anim2" repeatcount="infinite" values="0;1"></animate></stop></lineargradient></defs></svg>
</div>
<div id="body">
<header>
<nav class="nav">
<ul>
<li class="nav-link">
<a href="index.html">Home</a>
</li>
<li class="nav-link">
<a href="about.html">About</a>
</li>
<li class="nav-link">
<a href="products.html">Shop</a>
</li>
<li class="nav-link">
<a href="brands.html">Brands</a>
</li>
<li class="nav-link">
<a href="http://blog.chroniclebox.us">Blog</a>
</li>
<li class="link">
<a href="index.html">
<div id="logo"></div></a>
</li>
</ul>
</nav>
<div class="container">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
</header>
<div id="fullpage">
<section class="section one box1" id="box1">
<h1>Urban Crow</h1>
</section>
<section class="section two" id="box2">
<h3>Urban Crow</h3>
<p>Urban Crow is one of our partnerships that supplies us with their newest products! You have a chance of obtaining some of their items. Their items will be one of the many different items you recieve in Chronicle. You won't recieve the same item everytime from Urban Crow it will range from thier newest products.</p>
<div class="urbanimg img"></div>
</section>
<section class="section three gillette box1">
<h1>Gillette</h1>
</section>
<section class="section two" id="box2">
<h3>Gillette</h3>
<p>With Gillette we send out a razor handle and pack of blades to you for your first month, after that we send you one cartridge of a four pack of blades every month that follows. The razor that comes with our box is the Gillette Mach 3. The Mach 3 will be one of the many different items you recieve in the Chronicle Box.</p>
</section>
<section class="section one marlowe box1">
<h1>Marlowe Skin Co.</h1>
</section>
<section class="section two" id="box2">
<h3>Marlowe Skin Co.</h3>
<p>Marlowe Skin Co. is one of our partnerships that supplies us with skin care products. They distribute face wash, beard oil, body wash, lotion, and more! Certain boxes can include Marlowe Skin Co. however if you want beard oil we suggest choosing "Grooming Supplies" on your survey to obtain that item.</p>
<div id="marloweimg"></div>
</section>
<section class="section one jck box1">
<h1>Every Man Jack</h1>
</section>
<section class="section two jckd" id="box2">
<h3>Every Man Jack</h3>
<p>Every Man Jack is a company that provides a multitude of items that fall in the category of men's accessories. Every Man Jack has multiple items ranging from lotion, to aftershave, body wash, and even razor cartridges. Every Man Jack is more susceptible to come in your box if you check the "Grooming Supplies" and "Facial Care" option in your survey.</p>
</section>
<section class="section three vrsc box1">
<h1>Versace</h1>
</section>
<section class="section two vrscd" id="box2">
<h3>Versace</h3>
<p>Yup, that's right. VERSACE. Every now and then(if you're lucky ;) ) we'll send you a cologne from Versace, make sure to check the box listed as "Fragrance" in your survey during checkout in order to be eligible for this item.</p>
<div class="vrscimg img"></div>
</section>
<section class="section one dav box1">
<h1>Da Vinci Timepieces</h1>
</section>
<section class="section two davd" id="box2">
<h3>Da Vinci Timepieces</h3>
<p>Da Vinci Timepieces is a watch distributor that has a wide variety of watch types to choose from. They have leather band watches, metal link watches, and digital, along with so many more colors. So what are you waiting for? Get your Chronicle Box and your brand new watch and feel good.</p>
</section>
<section class="section three hry box1">
<h1>Harry's</h1>
</section>
<section class="section two hryd" id="box2">
<h3>Harry's</h3>
<p>Harry's is a razor and razor accessory company that has a lot of different styles and feels to their items. They even have skin care products, which is possible to receive rather than Marlowe Skin Co. products. If you want Harry's in your box, your best option is to choose the "Grooming Supplies" and "Facial Care" option on your Chronicle Identity Survey.</p>
</section>
<section class="section one drkr box1">
<h1>Drakkar Noir</h1>
</section>
<section class="section two drkrd" id="box2">
<h3>Drakkar Noir</h3>
<p>Drakkar Noir, a timeless, distinguishable smell that will leave everyone around you wanting to know what exactly it is that you're wearing. Chronicle isn't only about making you look good, it's also about making you smell good and feel good.</p>
<div class="drkrdimg img"></div>
</section>
<section class="section three pac box1">
<h1>Pacific Shaving Co.</h1>
</section>
<section class="section two pacd" id="box2">
<h3>Pacific Shaving Co.</h3>
<p>Pacific Shaving Co. is a grooming supply company that has a lot of cool nifty items from shaving cream in pods to a nick stick to help stop the bleeding for when you mess up in the bathroom during your morning shave. Want to receive Pacific Shaving Co. in your next Chronicle Box? Check the box listed as "Grooming Supplies" in your Chronicle Identity Survey.</p>
<div class="pacdimg img"></div>
</section>
<section class="section one pro box1">
<h1>Project 7</h1>
</section>
<section class="section two prod" id="box2">
<h3>Project 7</h3>
<p>Our newest addition to the Chronicle Box family, Project 7. Project 7 has gum and mints that are out of this world! From flavors such as "Peppermint Vanilla", "Wedding Cake", "Champagne Dreams", and so much more! Not only does Chronicle help with your body odor, but we also have you backed up for making your breath smell good. Need to smell good for the next lunch you have? Check the "Mints" option on your Chronicle Identity Survey.</p>
<div class="prodimg img"></div>
</section>
<section class="section three m4m box1">
<h1>Makeup 4 Men</h1>
</section>
<section class="section two m4md" id="box2">
<h3>Makeup 4 Men</h3>
<p>Makeup 4 Men is a beard grooming product company that supplies beard balm, beard oil, beard wax, and beard combs. They make handcrafted natural products with no chemicals added and is not tested on animals. Makeup 4 Men is located in Fresno, CA. To get this in your Chronicle Box you should choose the Grooming Supplies option on your survey for products that you want inside of your box.</p>
<div class="m4mimg img"></div>
</section>
</div><!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5888027a47b7d1382c769fe3/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script> <!--End of Tawk.to Script-->
<script src="https://cdn.rawgit.com/alvarotrigo/fullPage.js/master/jquery.fullPage.js" type="text/javascript">
</script>
<script>
if (screen && screen.width > 767){
$(document).ready(function() {
$('#fullpage').fullpage({scrollBar:true,scrollOverflow:false,scrollingSpeed:600});
});
}
</script>
<script src="Javascript/main.js" type="text/javascript">
</script>
<!-- Global Site Tag (gtag.js) - Google Analytics --><script async src="https://www.googletagmanager.com/gtag/js?id=UA-94106552-1"></script><script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments)};gtag('js', new Date());gtag('config', 'UA-94106552-1');</script>
</div>
</body>
</html>