Skip to content

Commit

Permalink
1 hor challenge
Browse files Browse the repository at this point in the history
  • Loading branch information
@LeonidasEsteban
LeonidasEsteban committed Jul 19, 2020
0 parents commit 53753c7
Show file tree
Hide file tree
Showing 21 changed files with 506 additions and 0 deletions.
Binary file added .DS_Store
Binary file not shown.
263 changes: 263 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,263 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">
<link rel="stylesheet" href="./static/css/styles.css">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Raleway:wght@400;700&display=swap"
rel="stylesheet">
<title>Frontend Mentor | Fylo landing page with dark theme and features grid</title>
</head>

<body>
<header class="header">
<div class="wrapper">
<div class="header-grid">
<img width="70" src="./static/images/logo.svg" alt="">
<ul class="menu">
<li>
<a href="#">
Features
</a>
</li>
<li>
<a href="#">
Team
</a>
</li>
<li>
<a href="#">Sign In</a>
</li>
</ul>
</div>
</div>
</header>
<main>
<section class="hero">
<div class="wrapper">
<div class="hero-grid">
<img src="./static/images/illustration-intro.png" alt="illustration-intro">
<h1>
All your files in one secure location, accessible anywhere.
</h1>
<p>
Fylo stores all your most important files in one secure location. Access them wherever
you need, share and collaborate with friends family, and co-workers.
</p>
<button class="button">
Get Started
</button>
</div>
</div>
</section>
<section class="features">
<div class="wrapper">
<div class="features-grid">
<article class="feature-item">
<img src="./static/images/icon-access-anywhere.svg" alt="">
<h2>Access your files, anywhere</h2>
<p>The ability to use a smartphone, tablet, or computer to access your account means your
files follow you everywhere.</p>
</article>
<article class="feature-item">
<img src="./static/images/icon-security.svg" alt="">
<h2>Security you can trust</h2>
<p>2-factor authentication and user-controlled encryption are just a couple of the security
features we allow to help secure your files.</p>
</article>
<article class="feature-item">
<img src="./static/images/icon-collaboration.svg" alt="">
<h2>Real-time collaboration</h2>
<p>Securely share files and folders with friends, family and colleagues for live collaboration.
No email attachments required.</p>
</article>
<article class="feature-item">
<img src="./static/images/icon-any-file.svg" alt="">
<h2>Store any type of file</h2>
<p>Whether you're sharing holidays photos or work documents, Fylo has you covered allowing for all
file types to be securely stored and shared.</p>
</article>
</div>
</div>
</section>
<section class="productive">
<div class="wrapper">
<div class="productive-grid">
<img src="./static/images/illustration-stay-productive.png" alt="">
<div>
<h2>
Stay productive, wherever you are
</h2>
<p>
Never let location be an issue when accessing your files. Fylo has you covered for all of your file
storage needs.
</p>
<p>
Securely share files and folders with friends, family and colleagues for live collaboration. No email
attachments required.
</p>
<a href="#">
See how Fylo works
</a>
</div>
</div>
</div>
</section>
<section class="reviews">
<div class="wrapper">
<div class="reviews-grid">
<div class="review">
<p>
Fylo has improved our team productivity by an order of magnitude. Since making the switch our team has
become a well-oiled collaboration machine.
</p>
<div class="review-detail">
<img src="./static/images/profile-1.jpg" alt="">
<h3>
Satish Patel
<small>
Founder & CEO, Huddle
</small>
</h3>
</div>
</div>
<div class="review">
<p>
Fylo has improved our team productivity by an order of magnitude. Since making the switch our team has
become a well-oiled collaboration machine.
</p>
<div class="review-detail">
<img src="./static/images/profile-1.jpg" alt="">
<h3>
Bruce McKenzie
<small>
Founder & CEO, Huddle
</small>
</h3>
</div>
</div>
<div class="review">
<p>
Fylo has improved our team productivity by an order of magnitude. Since making the switch our team has
become a well-oiled collaboration machine.
</p>
<div class="review-detail">
<img src="./static/images/profile-1.jpg" alt="">
<h3>
Iva Boyd
<small>
Founder & CEO, Huddle
</small>
</h3>
</div>
</div>
</div>
</div>
</section>
<section class="form">
<div class="wrapper">
<div class="form-grid">
<h2>
Get early access today
</h2>
<p>
It only takes a minute to sign up and our free starter tier is extremely generous. If you have any
questions, our support team would be happy to help you.
</p>
<form action="">
<input type="text" placeholder="email@example.com">
<button class="button">
Get Started For Free
</button>
</form>
</div>
</div>
</section>
<footer class="footer">
<div class="wrapper">
<div class="footer-grid">
<img src="./static/images/logo.svg" alt="">
<div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua
</p>
<p>
+1-543-123-4567
</p>

<p>
example@fylo.com
</p>
</div>
<ul>
<li>
<a href="#">About Us</a>
</li>
<li>
<a href="#">Jobs</a>
</li>
<li>
<a href="#">Press</a>
</li>
<li>
<a href="#">Blog</a>
</li>

</ul>
<ul>
<li>
<a href="#">Contact Us</a>
</li>
<li>
<a href="#">Terms</a>
</li>
<li>
<a href="#">Privacy</a>
</li>

</ul>
</div>
</div>





</footer>
</main>





























</body>

</html>

0 comments on commit 53753c7

Please sign in to comment.