-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
155 lines (134 loc) · 5.76 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
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
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="main.css" />
<link href="https://fonts.googleapis.com/css?family=Ultra|Montserrat" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.1/TweenMax.min.js"></script>
<script src="index.js" async></script>
</head>
<body>
<header>
<nav>
<a href="about.html">About</a>
<a href="https://usemytools.netlify.com/register">Sign-Up</a>
<a href="https://usemytools.netlify.com/login">Log-In</a>
</nav>
</header>
<div class="bg-wrapper">
<section id="one" class="intro-banner">
<div class="logo">
<img src="Images/logo-white.png">
</div>
<div class="intro-banner-info">
<h3>Finally, a tool rental service built for<br>
the DIY enthusiast.</h3>
<a href="https://usemytools.netlify.com/register"><button class='main-btn'>Sign-Up</button></a>
<a href="https://usemytools.netlify.com/login">Login</a>
</div>
</section>
</div>
<div class="spotlight-wrapper">
<section id="one">
<div class="info-header-section1">
<h3> A TOOL BUILT FOR TOOLS<br>
WE'RE NOT CALLING YOU A TOOL THOUGH...</h3>
<p>Do you have unfinished projects that you need to complete, <br>
but simple don't have the tools? We have your solution!</p>
</div>
<div class="img-row">
<img src="Images/carpenter-carpentry-drill-1249611 11.20.36 AM.jpg">
<img src="Images/elliott-stallion-481648-unsplash 11.20.36 AM.jpg">
<img src="Images/maxime-agnelli-718673-unsplash 11.20.36 AM.jpg">
</div>
</section>
</div>
<div class="row-stagger-wrapper-left">
<div id="iframe">
<iframe class="iframe" src="https://www.youtube.com/embed/o4ijHIRaGXc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
</div>
<div id="content" class="content-1">
<h2>Learn How to Hone Your Craft</h2>
<p>When you figure out what you want to build, it's time to sign up!</p>
<a href="https://usemytools.netlify.com/register"><button>Sign-Up</button></a>
</div>
</div>
<div class="row-stagger-wrapper-right">
<div id="pic-content" class="pic-content-1">
<img src="Images/umanoide-622384-unsplash.jpg">
</div>
<div id="content" class="content-2">
<h2>How Did We Get Started?</h2>
<p>We started this project as a group of Lamba students who decided that tool<br> rentals needed to be a
thing. </p>
<p>We are a team of 5 from all across the United States with a passion for building <br>tools for the tools
you need!</p>
</div>
</div>
<div class="row-stagger-wrapper-left" id="row-stagger-last">
<div id="pic-content" class="pic-content-2">
<img src="Images/greyson-joralemon-482879-unsplash 11.20.36 AM.jpg">
</div>
<div id="content" class="content-3">
<h2>100% User Satisfaction</h2>
<p>If you rent a tool, and it doesn't work, or you send a tool to a user<br>
and they don't send it back, we have your back... don't worry</p>
<a href="https://usemytools.netlify.com/register"><button>Sign-Up</button></a>
</div>
</div>
<div class="row-bullet-points-table-wrapper">
<section id="features-section">
<h2>What Does Toolio Offer?</h2>
<ul class="features">
<li>
<img src="Images/icon1.png">
<h3>Quick Delivery</h3>
<p>One your order is confirmed, you will receive your tool in less than 3 days</p>
</li>
<li>
<img src="Images/icon2.png">
<h3>Rent-to-Buy</h3>
<p>If you and the owner agree, you can have a lease-to-own contract.</p>
</li>
<li>
<img src="Images/icon3.png">
<h3>Wide Selction</h3>
<p>We have a wide selction of whatever tool you can dream of, and are continually growing!</p>
</li>
<li>
<img src="Images/icon4.png">
<h3>Project Guidance</h3>
<p>Our team can provide you with project ideas and guidance, just reach out!</p>
</li>
<li>
<img src="Images/icon5.png">
<h3>Contract Work</h3>
<p>If you want to use your tools and help other people build their ideas, we have capacity for that
too!</p>
</li>
<li>
<img src="Images/icon6.png">
<h3>Satisfaction Guarantee</h3>
<p>We are available 24/7 for any question or concerns. 100% money-back guarantee</p>
</li>
</ul>
</section>
</div>
<div class="cta-wrapper">
<section id="cta">
<h2>Ready to get started?</h2>
<a href="https://usemytools.netlify.com/register"><button>Sign-Up</button></a>
</section>
</div>
<div class="footer">
<div class="footer-wrapper">
<section id="footer-container">
<img src="Images/logo-white.png">
<p>Copywright @ 2018</p>
</section>
</div>
</div>
</body>
</html>