-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
127 lines (123 loc) · 4.84 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<title>Linda Rae's</title>
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="styles/images/linda_rae_favicon.png">
<!-- Jquery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.1/css/materialize.min.css">
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.1/js/materialize.min.js"></script>
<!-- My CSS -->
<link rel="stylesheet" type="text/css" href="styles/main.css">
<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
</head>
<body>
<!-- nav header-->
<nav>
<div class="nav-wrapper white z-depth-1">
<a href="#" class="brand-logo center"><img src="styles/images/linda_rae_favicon.png"></a>
<ul id="nav-mobile" class="left hide-on-med-and-down">
<li><a href="#">About</a></li>
<li><a href="beth.html">The Creator</a></li>
</ul>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="#">Shop</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</nav>
<!-- New Items -->
<div class="new col s12">
<div class="row red lighten-5">
<div class="col s4">
<img class="new_text" src="styles/images/new.png">
<p>Lately, I've been inspired by the pastels of the summer flowers in bloom. </p>
<a class="waves-effect waves-light btn red lighten-3">Shop Now</a>
</div>
<div class="col s8">
<img class="new_image" src="styles/images/white_chest.jpg" align="right">
</div>
</div>
</div>
<!-- Crafted With Love -->
<h1>Crafted With Love</h1>
<div class="row">
<img class="col s4" src="styles/images/green_table.jpg">
<img class="col s4" src="styles/images/white_desk_table.jpg">
<img class="col s4" src="styles/images/blue_table.jpg">
</div>
<div class="row buy_buttons">
<div class="buy_button col s4">
<a class="waves-effect waves-light btn red lighten-5">Buy Now</a>
</div>
<div class="buy_button col s4">
<a class="waves-effect waves-light btn red lighten-5">Buy Now</a>
</div>
<div class="buy_button col s4">
<a class="waves-effect waves-light btn red lighten-5">Buy Now</a>
</div>
</div>
<!-- Creator Section -->
<div class="creator row z-depth-1">
<img class="col s8" src="styles/images/b_woods.jpg">
<div class="col s4">
<img class="maker" src="styles/images/maker.png">
<a href="beth.html" class="waves-effect waves-light btn red lighten-3">Read Her Story</a>
</div>
</div>
<!-- inspiration section -->
<h1 class="inspiration">The Inspiration</h1>
<div id="inspiration">
<div class="row">
<div class="inspiration col s6">
<img class="col s12" src="styles/images/nana.jpg">
<h5>Linda Rae</h5>
<p>
Shaman coloring book health goth tacos mlkshk. Kale chips fanny pack +1 hella shoreditch health goth actually, poke authentic craft beer. Keytar synth banh mi venmo vinyl green juice try-hard pickled health goth locavore +1 pabst. Blue bottle DIY bitters synth raclette lumbersexual selvage dreamcatcher ethical humblebrag post-ironic live-edge distillery.
</p>
</div>
<div class="inspiration col s6">
<img class="col s12" src="styles/images/inspo.png">
<h5>Something else</h5>
<p>
Ugh retro chia squid waistcoat mixtape. Lo-fi vexillologist whatever tofu chicharrones mustache cliche migas vegan pop-up. Shabby chic narwhal cold-pressed, taiyaki lumbersexual raw denim heirloom offal letterpress tote bag activated charcoal blue bottle. Green juice farm-to-table bitters umami messenger bag. Lomo salvia occupy, offal four loko literally blue bottle leggings poke activated charcoal.
</p>
</div>
</div>
</div>
<!-- row of pictures -->
<div class="row" id="pictures">
<img class = "col s2" src="styles/images/white_desk.jpg">
<img class = "col s2" src="styles/images/blue_table.jpg">
<img class = "col s2" src="styles/images/green_table.jpg">
<img class = "col s2" src="styles/images/pink_table.jpg">
<img class = "col s2" src="styles/images/white_chest.jpg">
<img class = "col s2" src="styles/images/white_desk_table.jpg">
</div>
<!-- footer -->
<div id="footer">
<div class="row">
<ul class="col s4">
<li><h6>About</h6></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Contact</a></li>
</ul>
<ul class="col s4">
<li><h6>Social</h6></li>
<li><a href="#">Facebook</a></li>
<li><a href="#">Instagram</a></li>
</ul>
<div class="join col s4">
<h5>Get Updates</h5>
<form>
<input type="" placeholder="Email Address" name="email">
<input class="waves-effect waves-light btn red lighten-3" type="submit" value="Sign Up">
</form>
</div>
</div>
</div>
</body>
</html>