-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
84 lines (81 loc) · 2.98 KB
/
home.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
<head>
<link rel="stylez" href="stylez.css">
</head>
<header>
<div class="headerBg"></div>
<nav>
<h3><a href="#" class="logo">Ajtech</a></h3>
<div class="navLinksWrapper">
<a href="#">About</a>
<a href="#" class="button">Contact</a>
</div>
</nav>
<div class="headerCopy">
<h1>Taking photos and Making Interactive Maps</h1>
</div>
<div class="headerImage"></div>
</header>
<main>
<section class="section intro">
<h2>Student interseted in photography, cartography and our changing world.</h2>
</section>
<section class="section teaser teaserYarns mobileCenter">
<div class="sectionImg"></div>
<div class="sectionCopy" data-aos="fade-up">
<div class="new">
<span>Just In!</span>
</div>
<h3>Fall/Winter Yarns</h3>
<p>New fibers and colors to fit a moody Winter palette. Knit, crochet, and macrame with our range of earth-friendly yarns. </p>
<a href="#" class="button">Shop Bundles</a>
</div>
</section>
<section class="section teaser teaserPatterns mobileCenter">
<div class="sectionImg"></div>
<div class="sectionCopy" data-aos="fade-up">
<h3>Knit 1, Purl 2</h3>
<p>Dive into a new project with easy to follow patterns in a range of styles for beginning to advanced knitters. </p>
<a href="#" class="button">Shop Patterns</a>
</div>
</section>
<section class="valueProps section">
<h3>Small Business Supporting Big Ideas</h3>
<div class="grid-3">
<div class="grid-3-item">
<div class="grid-3-img quality" data-aos="zoom-in"></div>
<h4>Building Community</h4>
<p>What started as a one woman show has grown into a community of makers supporting women and POC-owned vendors whenever possible. Because together, we all rise.</p>
</div>
<div class="grid-3-item">
<div class="grid-3-img" data-aos="zoom-in" data-aos-delay="150"></div>
<h4>Sustainable Fashion</h4>
<p>Quality fashions produced by hand, made to last, with eco-friendly vegetable-dyed yarns that minimize water use. Always one-of-a-kind, never mass produced.</p>
</div>
<div class="grid-3-item">
<div class="grid-3-img" data-aos="zoom-in" data-aos-delay="300"></div>
<h4>Giving Back</h4>
<p>We partner with local non-profit organizations to provide free knitting classes and warm clothing to underserved communities. <a href="#">Get in touch</a> to find out more!</p>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="footerLinksContainer">
<div class="footerLinks">
<p>Shop</p>
<a href="#">Yarns</a>
<a href="#">Hats</a>
</div>
<div class="footerLinks">
<p>About Us</p>
<a href="#">Our Story</a>
<a href="#">Press</a>
</div>
</div>
<div class="socialLinks">
<a class="iconSocial"><i class="fab fa-instagram"></i></a>
<a class="iconSocial"><i class="fab fa-twitter"></i></a>
<a class="iconSocial"><i class="fab fa-facebook"></i></a>
<a class="iconSocial"><i class="fab fa-youtube"></i></a>
</div>
</footer>