-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhtml
157 lines (152 loc) · 5.8 KB
/
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 7</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="main">
<div id="curvy">
<img src="bg-curvy-desktop.svg">
</div>
<div id="logo">
<img src="logo.svg">
</div>
<div id="nav-bar">
<ul>
<li class="active"><a href="#">Features</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Sign In</a></li>
</ul>
</div>
<div id="illustration">
<img src="illustration-intro.png">
<h1> All your files in one secure location, <br> accessible anywhere.
</h1>
<p> Fylo stores all your most important files in one secure location.<br> Access them wherever
you need, share and collaborate with <br> friends family, and co-workers.
</p>
</div>
<section>
<div class="button">
<a href="#" class="btn">Get Started</a>
</div>
<div id="img1">
<img id="img1" src="icon-access-anywhere.svg">
</div>
<div id="img1-h3">
<h3> Access your files, anywhere </h3>
</div>
<div id="img1-p">
<p> The ability to use a smartphone, tablet, or computer <br> to access your account means your
files follow you <br> everywhere.
</p>
</div>
<div id="img2">
<img src="icon-security.svg">
</div>
<div id="img2-h3">
<h3> Security you can trust </h3>
</div>
<div id="img2-p">
<p> 2-factor authentication and user-controlled encryption are <br> just a couple of the security
features we allow to help <br> secure your files.
</p>
</div>
<div id="img3">
<img src="icon-collaboration.svg">
</div>
<div id="img3-h3">
<h3> Real-time collaboration </h3>
</div>
<div id="img3-p">
<p> Securely share files and folders with friends, family and <br> colleagues for live collaboration.
No email attachments <br> required.
</p>
</div>
<div id="img4">
<img src="icon-any-file.svg">
</div>
<div id="img4-h3">
<h3> Store any type of file </h3>
</div>
<div id="img4-p">
<p> Whether you're sharing holidays photos or work <br> documents, Fylo has you covered allowing for all
file <br> types to be securely stored and shared.
</p>
</div>
<div id="middle-img">
<img src="illustration-stay-productive.png">
</div>
<div id="middle-h1">
<h1> Stay productive, <br> wherever you are </h1>
</div>
<div id="middle-p">
<p> Never let location be an issue when accessing your files. Fylo has you <br> covered for all of your
file
storage needs.</p>
<br>
<p>
Securely share files and folders with friends, family and colleagues for live <br> collaboration. No
email
attachments required.
</p>
</div>
<div class="middle-link">
<li><a href="#">See how Fylo works</a></li>
<!-- <button type="button">-></button> -->
</div>
<div id="quote-img">
<img src="bg-quotes.png">
</div>
<div class="container">
<div class="box">
<h2> Fylo has improved our team productivity by <br> an order of magnitude. Since making the <br>
switch
our team has
become a well-oiled <br> collaboration machine.
<br>
<img src="profile-1.jpg">
<h4> Satish Patel </h4>
<br>
<h5>Founder & CEO, Huddle</h5>
</h4>
</h2>
</div>
<div class="box">
<h2> Fylo has improved our team productivity by <br> an order of magnitude. Since making the <br>
switch
our team has
become a well-oiled <br> collaboration machine.
</h2>
<br>
<img src="profile-2.jpg">
<h4>Bruce McKenzie </h4>
<br>
<h5>Founder & CEO, Huddle</h5>
</div>
<div class="box">
<h2>Fylo has improved our team productivity by <br> an order of magnitude. Since making the <br>
switch
our team has
become a well-oiled <br> collaboration machine.
</h2>
<br>
<img src="profile-3.jpg">
<h4>Iva Boyd </h4>
<br>
<h5>Founder & CEO, Huddle</h5>
</div>
</div>
<div class="container-1">
<div class="box">
<h2>Get early access today</h2>
</div>
</div>
</section>
</div>
</body>
</html>