-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
208 lines (199 loc) · 7.25 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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/reset.css" type="text/css">
<link rel="stylesheet" href="css/styles.css" type="text/css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>Journey</title>
</head>
<body>
<div class="container">
<div id="header">
<video id="bgvid" playsinline autoplay muted loop poster="poster.png">
<source src="videos/ready.webm" type="video/webm"> <!--for Chrome users-->
<source src="videos/ready.mp4" type="video/mp4">
Video not supported
</video>
<div id="intro" class="size sizelg">
<h1>Dreams come true</h1>
<p>We make financing the growth of your business simple.</p>
<button id="videobt">Pause</button>
<button class="register">Register</button>
</div>
<!--intro-->
</div>
<!--header-->
<section class="navbar nav">
<nav>
<ul>
<span style="width: 70%">
<li class= 'logo'>Tropical Journey</li>
<li class="hovcol"><a href="#mission" onclick="$('#mission').({scrollSpeed:2000,easing:'easeInOutCubic'});">Mission</a></li>
<li class="hovcol"><a href="#offering" onclick="$('#offering').animatescroll();">Offer</a></li>
<li class="hovcol"><a href="#about" onclick="$('#about').animatescroll();">About Us</a></li>
<li class="hovcol"><a href="#contact" onclick="$('#contact').animatescroll();">Contact</a></li>
</span>
<a class="register_nav" href="#">Register</a>
</ul>
</nav>
</section>
<section id="mission" class="page">
<div>
<hgroup>
<h2>Our mission</h2>
<h3>We’re revolutionizing small business lending through technology, data, and design. </h3>
</hgroup>
<p>Entrepreneurs are the foundation for growth in our economy and yet today’s banking system has left them behind. We’re building a better future where access to capital is simple, transparent and fair. </p>
</div>
</section>
<section id="offering" class="page">
<div>
<div class="text">
<h2>Fund your future</h2>
<p>We provide fast, affordable financing to grow your business. No jargon, no hidden fees, just one simple process at a fair price. </p>
</div>
<div class="table">
<div class="col">
<p class="head_col">Term Loans</p>
<p class="desc_col">Up to $1 Million</p>
</div>
<div class="col">
<p class="head_col">Rates starting at</p>
<p class="desc_col">6%</p>
</div>
<div class="col">
<p class="head_col">For as long as</p>
<p class="desc_col">1-3 years</p>
</div>
</div>
<button type="button" class="register">Register</button>
</div>
</section>
<section id="about" class="page">
<div class="container">
<div class="left">
<h2>We've made it surprisingly simple</h2>
<ol class="ordered-list">
<li>
<div class="sub">
Tell us about yourself
</div>
<div class="subdesc">
Simply connect your accounts and answer a few verification questions. You’ll be done in minutes.
</div>
</li>
<li>
<div class="sub">
We’ll review your application
</div>
<div class="subdesc">
Our team of credit experts will take a look at your financial profile and will be in touch with a decision.
</div>
</li>
<li>
<div class="sub">
Money is deposited
</div>
<div class="subdesc">
Once approved, you’ll receive an offer to review and sign. Within a week, your funds will be deposited.
</div>
</li>
</ol>
</div>
<div class="right">
<h2>Here's what you'll need to get started:</h2>
<ul>
<li>Name and address</li>
<li>Income and revenue amounts</li>
<li>Social security and Tax EIN</li>
<li>Approximate loan amount</li>
</ul>
</div>
<div class="clear"></div>
</div>
</section>
<section id="contact" class="page">
<h2>Contact with us</h2>
<div class="columns">
<div class="left">
<form class="" action="index.html" method="post">
<label for="fname">First Name</label>
<input type="text" id="fname" name="firstname" placeholder="Your name..">
<label for="lname">Last Name</label>
<input type="text" id="lname" name="lastname" placeholder="Your last name..">
<label for="country">Country</label>
<select id="country" name="country">
<option value="australia">Australia</option>
<option value="canada">Canada</option>
<option value="usa">USA</option>
</select>
<label for="subject">Subject</label>
<textarea id="subject" name="subject" placeholder="Write something.." style="height:200px"></textarea>
<input type="submit" value="Submit">
</form>
</div>
<div class="right" style="padding-left:5%">
<p class="sub">Address</p>
<p>Department of State
<br> 2050 Bamako Place
<br> Washington, DC 20521-2050</p>
<p class="sub">Email</p>
<p>[email protected]</p>
<p class="sub">Phone</p>
<p>(+23)500 700 987</p>
</div>
</div>
</div>
</section>
<footer>
<div class="foot">
<div class="bigpack">
<div class="packs">
<ul>
<li class="sub">Tropical Journey</li>
<li><a href="#">About Us</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="packs">
<ul>
<li class="sub">Content</li>
<li><a href="#">Resources</a></li>
<li><a href="#">Stories</a></li>
</ul>
</div>
<div class="packs">
<ul>
<li class="sub">Help</li>
<li><a href="#">How it works</a></li>
<li><a href="#">Guides</a></li>
<li><a href="#">Faq</a></li>
</ul>
</div>
<div class="packs">
<ul>
<li class="sub">Legal</li>
<li><a href="#">Security</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Terms</a></li>
</ul>
</div>
<div class="packs">
<ul>
<li class="sub">Social</li>
<li><a href="#">Instagram</a></li>
<li><a href="#">Facebook</a></li>
<li><a href="#">Twitter</a></li>
</ul>
</div>
</div>
</div>
</footer>
</div>
<!--container-->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</html>