1
1
<!DOCTYPE html>
2
2
< html lang ="en-US ">
3
-
4
- < head >
3
+ < head >
5
4
< title > Files</ title >
6
5
7
6
<!-- META -->
8
7
< meta charset ="UTF-8 " />
9
8
< meta name ="viewport " content ="width=device-width, initial-scale=1, shrink-to-fit=no " />
10
9
< 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 " />
10
+ < meta property ="og:description " content ="A modern file explorer that pushes the boundaries of the Windows platform. " />
11
+ < meta property ="og:image " content ="https://user-images.githubusercontent.com/39923744/102912796-da431f00-444b-11eb-9f8e-6deab47d0e45.png " />
15
12
< meta name ="description " content ="A modern file explorer that pushes the boundaries of the platform. " />
16
13
<!-- Favicon -->
17
14
< link rel ="icon " href ="img/favicon.png " sizes ="32x32 " type ="image/png " />
18
15
19
16
<!-- 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 " />
17
+ < link
18
+ rel ="stylesheet "
19
+ href ="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css "
20
+ integrity ="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z "
21
+ crossorigin ="anonymous "
22
+ />
22
23
<!-- Font Awesome -->
23
24
< link rel ="stylesheet " href ="https://use.fontawesome.com/releases/v5.15.1/css/all.css " />
24
25
<!-- AOS -->
25
26
< link rel ="stylesheet " href ="https://unpkg.com/aos@next/dist/aos.css " />
26
27
<!-- Custom CSS -->
27
28
< link rel ="stylesheet " href ="css/custom.css " />
28
- </ head >
29
+ </ head >
29
30
30
- < body >
31
+ < body >
31
32
<!-- Banner -->
32
33
< 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 " />
38
- </ 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 >
57
- </ div >
34
+ < div class ="container text-center text-md-left ">
35
+ < header >
36
+ < div class ="row justify-content-between ">
37
+ < div class ="col-2 ">
38
+ < img src ="img/logo.png " alt ="logo " />
39
+ </ div >
40
+ < div class ="col-6 align-self-center text-right ">
41
+ < a href ="https://github.com/files-community/Files " class ="text-white lead " target ="_blank "> View on GitHub </ a >
42
+ </ div >
43
+ </ div >
44
+ </ header >
45
+ < h1 data-aos ="fade " data-aos-easing ="linear " data-aos-duration ="1000 " class ="display-3 text-white font-weight-bold my-5 "> Meet Files</ h1 >
46
+ < h1 data-aos ="fade " data-aos-easing ="linear " data-aos-duration ="1000 " class ="text-white my-4 ">
47
+ A modern file explorer that pushes the boundaries of the platform.
48
+ </ h1 >
49
+ < a
50
+ href ="https://www.microsoft.com/store/apps/9NGHP3DX8HDX "
51
+ data-aos ="fade "
52
+ data-aos-easing ="linear "
53
+ data-aos-duration ="1000 "
54
+ class ="btn my-4 font-weight-bold cta cta-lightblue "
55
+ target ="_blank "
56
+ >
57
+ Download Now
58
+ </ a >
59
+ </ div >
58
60
</ div >
59
61
60
62
<!-- Features -->
61
63
< 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 >
79
- </ div >
64
+ < h2 class ="text-center font-weight-bold my-5 "> Notable Features</ h2 >
65
+ < div class ="row ">
66
+ < div data-aos ="fade-up " data-aos-delay ="0 " data-aos-duration ="1000 " class ="col-md-4 text-center ">
67
+ < img src ="img/icons/tabs.png " alt ="Tabs Icon " class ="mx-auto my-5 " width ="110 " height ="110 " />
68
+ < h4 > Multiple Tabs</ h4 >
69
+ < p > Multiple tabs to increase your productivity</ p >
80
70
</ div >
71
+ < div data-aos ="fade-up " data-aos-delay ="200 " data-aos-duration ="1000 " class ="col-md-4 text-center ">
72
+ < img src ="https://img.icons8.com/fluent/96/000000/paint-palette.png " alt ="Fluent Design " class ="mx-auto my-5 " width ="110 " height ="110 " />
73
+ < h4 > Fluent Design</ h4 >
74
+ < p > The best of Fluent to enhance usability</ p >
75
+ </ div >
76
+ < div data-aos ="fade-up " data-aos-delay ="400 " data-aos-duration ="1000 " class ="col-md-4 text-center ">
77
+ < img src ="img/icons/quicklook.png " alt ="QuickLook Icon " class ="mx-auto my-5 " width ="110 " height ="110 " />
78
+ < h4 > QuickLook Support</ h4 >
79
+ < p > Full support for QuickLook to quickly preview your files</ p >
80
+ </ div >
81
+ </ div >
81
82
</ div >
82
83
83
84
<!-- Information -->
84
85
< 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 " />
97
- </ div >
98
- </ div >
86
+ < div class ="container my-5 ">
87
+ < div class ="row justify-content-between text-center text-md-left ">
88
+ < div data-aos ="fade-right " data-aos-duration ="1000 " class ="col-md-6 ">
89
+ < h2 class ="font-weight-bold "> Take a look inside</ h2 >
90
+ < p class ="my-4 "> Visit the Wiki to find tips, tricks and to learn more about Files</ p >
91
+ < a href ="https://github.com/files-community/Files/wiki " class ="btn my-4 cta cta-darkblue " target ="_blank "> Visit Wiki</ a >
92
+ </ div >
93
+ < div data-aos ="fade-left " data-aos-duration ="1000 " class ="col-md-6 align-self-center ">
94
+ < img src ="img/laptop-splash.png " alt ="Laptop Demo " class ="mx-auto d-block " />
95
+ </ div >
99
96
</ div >
97
+ </ div >
100
98
</ div >
101
99
102
100
<!-- Copyright -->
103
101
< 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 >
116
- </ div >
117
- </ div >
102
+ < div class ="container ">
103
+ < div class ="row justify-content-between ">
104
+ < div class ="col-md-6 text-white align-self-center text-center text-md-left my-2 "> Copyright © 2020 Files Community</ div >
105
+ < div class ="col-md-6 align-self-center text-center text-md-right my-2 " id ="social-media ">
106
+ < a href ="https://github.com/files-community " class ="d-inline-block text-center ml-2 ">
107
+ < i class ="fab fa-github " aria-hidden ="true "> </ i >
108
+ </ a >
109
+ < a href ="https://discord.gg/mr5hVu8 " class ="d-inline-block text-center ml-2 ">
110
+ < i class ="fab fa-discord " aria-hidden ="true "> </ i >
111
+ </ a >
112
+ </ div >
118
113
</ div >
114
+ </ div >
119
115
</ div >
120
116
121
117
<!-- AOS -->
122
118
< script src ="
https://unpkg.com/[email protected] /dist/aos.js "
> </ script >
123
119
< script >
124
- AOS . init ( ) ;
120
+ AOS . init ( ) ;
125
121
</ script >
126
- </ body >
127
-
128
- </ html >
122
+ </ body >
123
+ </ html >
0 commit comments