Skip to content
This repository was archived by the owner on Nov 30, 2022. It is now read-only.

Commit 0b4b53a

Browse files
yaira2yaira2
committed
Updated the fluent icon
1 parent 3d47f0b commit 0b4b53a

File tree

2 files changed

+109
-196
lines changed

2 files changed

+109
-196
lines changed

‎img/icons/design.png

-54.7 KB
Binary file not shown.

‎index.html

Lines changed: 109 additions & 196 deletions
Original file line numberDiff line numberDiff line change
@@ -1,215 +1,128 @@
11
<!DOCTYPE html>
22
<html lang="en-US">
3-
<head>
4-
<title>Files</title>
53

6-
<!-- META -->
7-
<meta charset="UTF-8" />
8-
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
9-
<meta property="og:title" content="Files" />
10-
<meta
11-
property="og:description"
12-
content="A modern file explorer that pushes the boundaries of the Windows platform."
13-
/>
14-
<meta
15-
property="og:image"
16-
content="https://user-images.githubusercontent.com/39923744/102912796-da431f00-444b-11eb-9f8e-6deab47d0e45.png"
17-
/>
18-
<meta
19-
name="description"
20-
content="A modern file explorer that pushes the boundaries of the platform."
21-
/>
22-
<!-- Favicon -->
23-
<link rel="icon" href="img/favicon.png" sizes="32x32" type="image/png" />
4+
<head>
5+
<title>Files</title>
246

25-
<!-- Bootstrap -->
26-
<link
27-
rel="stylesheet"
28-
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
29-
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z"
30-
crossorigin="anonymous"
31-
/>
32-
<!-- Font Awesome -->
33-
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" />
34-
<!-- AOS -->
35-
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
36-
<!-- Custom CSS -->
37-
<link rel="stylesheet" href="css/custom.css" />
38-
</head>
7+
<!-- META -->
8+
<meta charset="UTF-8" />
9+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
10+
<meta property="og:title" content="Files" />
11+
<meta property="og:description"
12+
content="A modern file explorer that pushes the boundaries of the Windows platform." />
13+
<meta property="og:image"
14+
content="https://user-images.githubusercontent.com/39923744/102912796-da431f00-444b-11eb-9f8e-6deab47d0e45.png" />
15+
<meta name="description" content="A modern file explorer that pushes the boundaries of the platform." />
16+
<!-- Favicon -->
17+
<link rel="icon" href="img/favicon.png" sizes="32x32" type="image/png" />
3918

40-
<body>
41-
<!-- Banner -->
42-
<div
43-
class="jumbotron jumbotron-fluid"
44-
id="banner"
45-
style="background-image: url(img/banner-bk.jpg)"
46-
>
47-
<div class="container text-center text-md-left">
48-
<header>
49-
<div class="row justify-content-between">
50-
<div class="col-2">
51-
<img src="img/logo.png" alt="logo" />
52-
</div>
53-
<div class="col-6 align-self-center text-right">
54-
<a
55-
href="https://github.com/files-community/Files"
56-
class="text-white lead"
57-
target="_blank"
58-
>
59-
View on GitHub
60-
</a>
61-
</div>
19+
<!-- Bootstrap -->
20+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
21+
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous" />
22+
<!-- Font Awesome -->
23+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" />
24+
<!-- AOS -->
25+
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
26+
<!-- Custom CSS -->
27+
<link rel="stylesheet" href="css/custom.css" />
28+
</head>
29+
30+
<body>
31+
<!-- Banner -->
32+
<div class="jumbotron jumbotron-fluid" id="banner" style="background-image: url(img/banner-bk.jpg)">
33+
<div class="container text-center text-md-left">
34+
<header>
35+
<div class="row justify-content-between">
36+
<div class="col-2">
37+
<img src="img/logo.png" alt="logo" />
6238
</div>
63-
</header>
64-
<h1
65-
data-aos="fade"
66-
data-aos-easing="linear"
67-
data-aos-duration="1000"
68-
class="display-3 text-white font-weight-bold my-5"
69-
>
70-
Meet Files
71-
</h1>
72-
<h1
73-
data-aos="fade"
74-
data-aos-easing="linear"
75-
data-aos-duration="1000"
76-
class="text-white my-4"
77-
>
78-
A modern file explorer that pushes the boundaries of the platform.
79-
</h1>
80-
<a
81-
href="https://www.microsoft.com/store/apps/9NGHP3DX8HDX"
82-
data-aos="fade"
83-
data-aos-easing="linear"
84-
data-aos-duration="1000"
85-
class="btn my-4 font-weight-bold cta cta-lightblue"
86-
target="_blank"
87-
>
88-
Download Now
89-
</a>
90-
</div>
39+
<div class="col-6 align-self-center text-right">
40+
<a href="https://github.com/files-community/Files" class="text-white lead" target="_blank">
41+
View on GitHub
42+
</a>
43+
</div>
44+
</div>
45+
</header>
46+
<h1 data-aos="fade" data-aos-easing="linear" data-aos-duration="1000"
47+
class="display-3 text-white font-weight-bold my-5">
48+
Meet Files
49+
</h1>
50+
<h1 data-aos="fade" data-aos-easing="linear" data-aos-duration="1000" class="text-white my-4">
51+
A modern file explorer that pushes the boundaries of the platform.
52+
</h1>
53+
<a href="https://www.microsoft.com/store/apps/9NGHP3DX8HDX" data-aos="fade" data-aos-easing="linear"
54+
data-aos-duration="1000" class="btn my-4 font-weight-bold cta cta-lightblue" target="_blank">
55+
Download Now
56+
</a>
9157
</div>
58+
</div>
9259

93-
<!-- Features -->
94-
<div class="container my-5 py-2">
95-
<h2 class="text-center font-weight-bold my-5">Notable Features</h2>
96-
<div class="row">
97-
<div
98-
data-aos="fade-up"
99-
data-aos-delay="0"
100-
data-aos-duration="1000"
101-
class="col-md-4 text-center"
102-
>
103-
<img
104-
src="img/icons/tabs.png"
105-
alt="Tabs Icon"
106-
class="mx-auto my-5"
107-
width="110"
108-
height="110"
109-
/>
110-
<h4>Multiple Tabs</h4>
111-
<p>Multiple tabs to increase your productivity</p>
112-
</div>
113-
<div
114-
data-aos="fade-up"
115-
data-aos-delay="200"
116-
data-aos-duration="1000"
117-
class="col-md-4 text-center"
118-
>
119-
<img
120-
src="img/icons/design.png"
121-
alt="Fluent Design"
122-
class="mx-auto my-5"
123-
width="110"
124-
height="110"
125-
/>
126-
<h4>Fluent Design</h4>
127-
<p>The best of Fluent to enhance usability</p>
128-
</div>
129-
<div
130-
data-aos="fade-up"
131-
data-aos-delay="400"
132-
data-aos-duration="1000"
133-
class="col-md-4 text-center"
134-
>
135-
<img
136-
src="img/icons/quicklook.png"
137-
alt="QuickLook Icon"
138-
class="mx-auto my-5"
139-
width="110"
140-
height="110"
141-
/>
142-
<h4>QuickLook Support</h4>
143-
<p>Full support for QuickLook to quickly preview your files</p>
144-
</div>
60+
<!-- Features -->
61+
<div class="container my-5 py-2">
62+
<h2 class="text-center font-weight-bold my-5">Notable Features</h2>
63+
<div class="row">
64+
<div data-aos="fade-up" data-aos-delay="0" data-aos-duration="1000" class="col-md-4 text-center">
65+
<img src="img/icons/tabs.png" alt="Tabs Icon" class="mx-auto my-5" width="110" height="110" />
66+
<h4>Multiple Tabs</h4>
67+
<p>Multiple tabs to increase your productivity</p>
68+
</div>
69+
<div data-aos="fade-up" data-aos-delay="200" data-aos-duration="1000" class="col-md-4 text-center">
70+
<img src="https://img.icons8.com/fluent/96/000000/paint-palette.png" alt="Fluent Design"
71+
class="mx-auto my-5" width="110" height="110" />
72+
<h4>Fluent Design</h4>
73+
<p>The best of Fluent to enhance usability</p>
74+
</div>
75+
<div data-aos="fade-up" data-aos-delay="400" data-aos-duration="1000" class="col-md-4 text-center">
76+
<img src="img/icons/quicklook.png" alt="QuickLook Icon" class="mx-auto my-5" width="110" height="110" />
77+
<h4>QuickLook Support</h4>
78+
<p>Full support for QuickLook to quickly preview your files</p>
14579
</div>
14680
</div>
81+
</div>
14782

148-
<!-- Information -->
149-
<div class="jumbotron jumbotron-fluid info" id="info">
150-
<div class="container my-5">
151-
<div class="row justify-content-between text-center text-md-left">
152-
<div data-aos="fade-right" data-aos-duration="1000" class="col-md-6">
153-
<h2 class="font-weight-bold">Take a look inside</h2>
154-
<p class="my-4">
155-
Visit the Wiki to find tips, tricks and to learn more about Files
156-
</p>
157-
<a
158-
href="https://github.com/files-community/Files/wiki"
159-
class="btn my-4 cta cta-darkblue"
160-
target="_blank"
161-
>Visit Wiki</a
162-
>
163-
</div>
164-
<div
165-
data-aos="fade-left"
166-
data-aos-duration="1000"
167-
class="col-md-6 align-self-center"
168-
>
169-
<img
170-
src="img/laptop-splash.png"
171-
alt="Laptop Demo"
172-
class="mx-auto d-block"
173-
/>
174-
</div>
83+
<!-- Information -->
84+
<div class="jumbotron jumbotron-fluid info" id="info">
85+
<div class="container my-5">
86+
<div class="row justify-content-between text-center text-md-left">
87+
<div data-aos="fade-right" data-aos-duration="1000" class="col-md-6">
88+
<h2 class="font-weight-bold">Take a look inside</h2>
89+
<p class="my-4">
90+
Visit the Wiki to find tips, tricks and to learn more about Files
91+
</p>
92+
<a href="https://github.com/files-community/Files/wiki" class="btn my-4 cta cta-darkblue"
93+
target="_blank">Visit Wiki</a>
94+
</div>
95+
<div data-aos="fade-left" data-aos-duration="1000" class="col-md-6 align-self-center">
96+
<img src="img/laptop-splash.png" alt="Laptop Demo" class="mx-auto d-block" />
17597
</div>
17698
</div>
17799
</div>
100+
</div>
178101

179-
<!-- Copyright -->
180-
<div class="jumbotron jumbotron-fluid" id="copyright">
181-
<div class="container">
182-
<div class="row justify-content-between">
183-
<div
184-
class="col-md-6 text-white align-self-center text-center text-md-left my-2"
185-
>
186-
Copyright © 2020 Files Community
187-
</div>
188-
<div
189-
class="col-md-6 align-self-center text-center text-md-right my-2"
190-
id="social-media"
191-
>
192-
<a
193-
href="https://github.com/files-community"
194-
class="d-inline-block text-center ml-2"
195-
>
196-
<i class="fab fa-github" aria-hidden="true"></i>
197-
</a>
198-
<a
199-
href="https://discord.gg/mr5hVu8"
200-
class="d-inline-block text-center ml-2"
201-
>
202-
<i class="fab fa-discord" aria-hidden="true"></i>
203-
</a>
204-
</div>
102+
<!-- Copyright -->
103+
<div class="jumbotron jumbotron-fluid" id="copyright">
104+
<div class="container">
105+
<div class="row justify-content-between">
106+
<div class="col-md-6 text-white align-self-center text-center text-md-left my-2">
107+
Copyright © 2020 Files Community
108+
</div>
109+
<div class="col-md-6 align-self-center text-center text-md-right my-2" id="social-media">
110+
<a href="https://github.com/files-community" class="d-inline-block text-center ml-2">
111+
<i class="fab fa-github" aria-hidden="true"></i>
112+
</a>
113+
<a href="https://discord.gg/mr5hVu8" class="d-inline-block text-center ml-2">
114+
<i class="fab fa-discord" aria-hidden="true"></i>
115+
</a>
205116
</div>
206117
</div>
207118
</div>
119+
</div>
120+
121+
<!-- AOS -->
122+
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
123+
<script>
124+
AOS.init();
125+
</script>
126+
</body>
208127

209-
<!-- AOS -->
210-
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
211-
<script>
212-
AOS.init();
213-
</script>
214-
</body>
215-
</html>
128+
</html>

0 commit comments

Comments
 (0)