This repository has been archived by the owner on Sep 15, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 25
/
mint-page-main.html
412 lines (385 loc) · 19.3 KB
/
mint-page-main.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
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
<include src="mint-section-header.html"/>
<!-- =======================
Main Banner -->
<section class="p-0 py-5 bg-grad pattern-overlay-2">
<div class="container">
<div class="row py-0 py-md-5 justify-content-between align-items-center">
<div class="col-sm-10 col-lg-5 all-text-white my-5 mt-md-0">
<div class="text-left py-0 py-md-5 my-5">
<h6>"Uma"</h6>
<h2 class="display-5 display-lg-4 font-weight-normal">Linux Mint 20.2</h2>
<p class="mb-4 display-8 font-weight-normal">The latest version of the friendly operating system is here. Install it on your computer today!</p>
<a href="mint-download.html" class="btn btn-white mr-3">Download</a>
<a href="https://linuxmint-installation-guide.readthedocs.io/en/latest/" class="btn btn-outline-white">Installation Instructions</a>
</div>
</div>
<div class="col-sm-10 col-md-7 d-none d-lg-block mb-5">
<img src="img/devices.png" alt="">
</div>
</div>
</div>
<div class="position-absolute bottom-0 left-0 w-100 d-none d-md-block mb-n3">
<svg width="100%" height="150" viewBox="0 0 500 150" preserveAspectRatio="none">
<path d="M0,150 L0,40 Q250,150 500,40 L580,150 Z" fill="#fbfbfb" />
</svg>
</div>
</section>
<!-- =======================
Main banner -->
<!-- =======================
service -->
<section class="pb-3">
<div class="container">
<div class="row">
<!-- column 1 -->
<div class="col-md-4">
<!-- title -->
<h5 class="text-primary">Features</h5>
<h2 class="h1">What is Linux Mint?</h2>
<p>It is a computer operating system for desktop and laptop users which is designed to work 'out of the box'. It comes ready with the apps most people need and makes it easy to install many more.</p>
<!-- service item -->
<div class="bg-light p-4 p-lg-5 ">
<span class="display-5 icon-primary"><i class="ti-ruler-pencil"></i></span>
<h5>Graphic Design</h5>
<p class="mb-0">Work in 3D with Blender, draw or edit pictures in Gimp, use Inkscape for vector graphics.</p>
</div>
</div>
<!-- column 2 -->
<div class="col-md-4 mt-5">
<!-- service item -->
<div class="bg-light p-4 p-lg-5 mb-5">
<span class="display-5 icon-primary"><i class="ti-pencil-alt"></i></span>
<h5>Productivity</h5>
<p class="mb-0">With LibreOffice's complete office suite, use the word processor, make presentations, drawings, spreadsheets or even databases. Easily import from or export to PDF or Microsoft Office documents.</p>
</div>
<!-- service item -->
<div class="bg-light p-4 p-lg-5 mb-5">
<span class="display-5 icon-primary"><i class="ti-video-clapper"></i></span>
<h5>Multimedia</h5>
<p class="mb-0">Enjoy your music, watch TV and movies, listen to podcasts, Spotify and online radio.</p>
</div>
</div>
<!-- column 3 -->
<div class="col-md-4">
<!-- service item -->
<div class="bg-grad all-text-white p-4 p-lg-5 mb-5">
<span class="display-5"><i class="ti-world icon-white"></i></span>
<h5>Web</h5>
<p class="mb-0">Browse the Web, watch Youtube and Netflix with Firefox. Turn any website into a desktop app for immediate access.</p>
</div>
<!-- service item -->
<div class="bg-light p-4 p-lg-5 mb-5">
<span class="display-5 icon-primary"><i class="ti-game"></i></span>
<h5>Gaming</h5>
<p class="mb-0">Access more than 7,800 games with Steam. Install GOG to get even more.</p>
</div>
</div>
</div>
</div>
</section>
<section class="bg-dark all-text-white pattern-overlay-2">
<div class="container">
<div class="col-md-12 col-lg-9 mx-auto p-4 p-sm-5">
<div class="text-center px-0 px-sm-5">
<h2>Give it a try. You’ll Love it!</h2>
<p class="mb-3 h6">Most of our users come from Windows and they never look back.</p>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col-12 col-lg-8 mx-auto">
<div class="title text-center">
<span class="pre-title">Why choose Linux Mint?</span>
<h2>Easy to use, fast and comfortable.</h2>
<p class="mb-0">Give your hardware the operating system it deserves and feel right at home.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 mt-4">
<div class="feature-box f-style-4 h-100 icon-grad">
<div class="feature-box-icon"><i class="ti-wand"></i></div>
<h3 class="feature-box-title">OOTB</h3>
<p class="feature-box-desc">Everything just works "Out Of The Box", without the need to configure anything or to install extra applications. It's ready to go. Although it's very configurable, everything is set and tuned nicely by default and no unecessary questions are asked.</p>
</div>
</div>
<div class="col-md-4 mt-4">
<div class="feature-box f-style-4 h-100 icon-grad">
<div class="feature-box-icon"><i class="ti-heart"></i></div>
<h3 class="feature-box-title">KISS</h3>
<p class="feature-box-desc">It's very easy to use. It features an intuitive desktop and adopts KISS principles. Anyone can rapidly feel at home and use Linux Mint. User experience, workflow and comfort is key.</p>
</div>
</div>
<div class="col-md-4 mt-4">
<div class="feature-box f-style-4 h-100 icon-grad">
<div class="feature-box-icon"><i class="ti-crown"></i></div>
<h3 class="feature-box-title">Home rule</h3>
<p class="feature-box-desc">It's your computer, your rules. This is a key principle at Linux Mint. We don't collect data, we don't work against you. You're the boss. Your operating system is designed to do what you want without getting in your way.</p>
</div>
</div>
<div class="col-md-4 mt-4">
<div class="feature-box f-style-4 h-100 icon-grad">
<div class="feature-box-icon"><i class="ti-lock"></i></div>
<h3 class="feature-box-title">Rock solid</h3>
<p class="feature-box-desc">With centralized software updates, system snapshots, a unique Update Manager and the robustness of its Linux architecture, Linux Mint requires very little maintenance. It works, it's safe and it doesn't break.</p>
</div>
</div>
<div class="col-md-4 mt-4">
<div class="feature-box f-style-4 h-100 icon-grad">
<div class="feature-box-icon"><i class="ti-check-box"></i></div>
<h3 class="feature-box-title">Free and Open Source</h3>
<p class="feature-box-desc">It is completely free of cost and almost all of its components are Open Source. Linux Mint stands on the shoulder of giants, it is based on Debian and Ubuntu.</p>
</div>
</div>
<div class="col-md-4 mt-4">
<div class="feature-box f-style-4 h-100 icon-grad">
<div class="feature-box-icon"><i class="ti-face-smile"></i></div>
<h3 class="feature-box-title">Community-centric</h3>
<p class="feature-box-desc">There is a tight bond and a great relationship between the development team and the community. We communicate with our users and constantly use their feedback to improve Linux Mint.</p>
</div>
</div>
</div>
</div>
</section>
<!-- =======================
service -->
<section class="bg-dark">
<div class="container">
<div class="row">
<div class="col-12 col-lg-8 mx-auto">
<div class="title text-center all-text-white">
<span class="pre-title">Have any questions?</span>
<h2>Fun, helpful and passionate.</h2>
<p>If you're making your first steps with Linux don't hesitate to join the <a href="https://forums.linuxmint.com">forums</a>. Linux users are often welcoming, helpful and eager to share their experience.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 mt-4 all-text-white py-4">
<h4>Is it free?</h4>
<p>Yes, Linux Mint is completely free of charge. Almost everything in Linux Mint is also open-source.</p>
</div>
<div class="col-md-3 mt-4 all-text-white primary-border-left-dotted py-4">
<h4>Will it work on my computer?</h4>
<p>Yes, Linux Mint works on most computers. It can also be run from a live USB stick to make sure everything works fine without having to install anything.</p>
</div>
<div class="col-md-3 mt-4 all-text-white primary-border-left-dotted py-4">
<h4>Can I keep Windows?</h4>
<p>Yes, you can have both Windows and Linux Mint. A menu asks you which one to use when you start the computer.</p>
</div>
<div class="col-md-3 mt-4 all-text-white primary-border-left-dotted py-4">
<h4>Will it suit my needs?</h4>
<p>Hopefully. Linux Mint comes with what most people need out of the box as well as easy access to more than 60,000 software packages and 7,800 games. </p>
</div>
</div>
<div class="row">
<div class="col-12 mx-auto text-center mt-5">
<a href="mint-faq.html" class="btn btn-grad">Read more FAQs</a>
</div>
</div>
</div>
</section>
<!-- =======================
service -->
<!-- =======================
testimonials -->
<section class="testimonials">
<div class="container">
<div class="row">
<div class="col-12">
<div class="title text-center">
<span class="pre-title">From the press</span>
</div>
<div class="owl-carousel testi-full testi-big arrow-md-none arrow-border arrow-large arrow-round owl-grab" data-arrow="true" data-items="1" data-autoplay="4500">
<!-- testimonial item -->
<div class="item">
<div class="testimonials-wrap">
<div class="testi-text">
<p>The years go by, and I keep trying one Linux desktop distro after the other. But for more than a decade now, I come back to Linux Mint. Why? It's simple: Year in and year out, Mint remains the best, easiest-to-use Linux desktop.</p>
<span><i class="fa fa-quote-left text-primary display-8"></i></span>
<h6 class="mb-0 mt-3">Steven J. Vaughan-Nichols</h6>
<h6 class="small">ZDNet</h6>
</div>
</div>
</div>
<!-- testimonial item -->
<div class="item">
<div class="testimonials-wrap">
<div class="testi-text">
<p>Mint has become the very best example of what a Linux desktop should be: fast, easy, pleasing to the eye, useful and productive. Others, still, see Mint as the ideal desktop for Windows refugees, or those who are trying out Linux for the first time, and want an operating system that essentially works 'out of the box'.</p>
<span><i class="fa fa-quote-left text-primary display-8"></i></span>
<h6 class="mb-0 mt-3">David Hayward</h6>
<h6 class="small">Linux Format</h6>
</div>
</div>
</div>
<!-- testimonial item -->
<div class="item">
<div class="testimonials-wrap">
<div class="testi-text">
<p>Linux Mint's latest release will have an exceptionally wide appeal. Anyone looking for an incredibly stable, robust, fast, clean, and user-friendly desktop operating system could do a whole lot worse. [...] Every Linux desktop distribution should strive to do exactly what Linux Mint 20.1 has accomplished--create a desktop that is the perfect balance of speed, features, and user-friendliness.</p>
<span><i class="fa fa-quote-left text-primary display-8"></i></span>
<h6 class="mb-0 mt-3">Jack Wallen</h6>
<h6 class="small">TechRepublic</h6>
</div>
</div>
</div>
<!-- testimonial item -->
<div class="item">
<div class="testimonials-wrap">
<div class="testi-text">
<p>There's a good reason for that popularity: Linux Mint just works. It isn't "changing the desktop computer paradigm," or "innovating" in "groundbreaking" ways. The team behind Mint is just building a desktop operating system that looks and functions a lot like every other desktop operating system you've used, which is to say you'll be immediately comfortable and stop thinking about your desktop and start using it to do actual work.</p>
<span><i class="fa fa-quote-left text-primary display-8"></i></span>
<h6 class="mb-0 mt-3">Scott Gilbertson</h6>
<h6 class="small">ars technica</h6>
</div>
</div>
</div>
<!-- testimonial item -->
<div class="item">
<div class="testimonials-wrap">
<div class="testi-text">
<p>Exploring the bevy of Linux distributions out there is a fun part of the hobby, but for your first installation, you will likely want something popular and beginner-friendly, so it's easy to get help when you need it. That's why I recommend starting with Linux Mint.</p>
<span><i class="fa fa-quote-left text-primary display-8"></i></span>
<h6 class="mb-0 mt-3">Whitson Gordon</h6>
<h6 class="small">PCMag</h6>
</div>
</div>
</div>
<!-- testimonial item -->
<div class="item">
<div class="testimonials-wrap">
<div class="testi-text">
<p>Linux Mint has again shown why it deserves to stay among the best Linux distribution for beginners. If you’re thinking to migrate from Windows to Linux, you should definitely get your hand on Linux Mint.</p>
<span><i class="fa fa-quote-left text-primary display-8"></i></span>
<h6 class="mb-0 mt-3">Sarvottam Kumar</h6>
<h6 class="small">FossBytes</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- =======================
testimonials -->
<div class="divider m-0"></div>
<!-- =======================
blog -->
<section class="blog bg-light">
<div class="container">
<div class="row">
<div class="col-12 col-lg-8 mx-auto">
<div class="title text-center">
<span class="pre-title">From the blog</span>
<h2>Latest news</h2>
<p>Click a news title to get to the article.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="owl-carousel post-style-3 arrow-dark arrow-hover" data-dots="false" data-items-xl="3" data-items-lg="3" data-items-md="2" data-items-sm="2" data-items-xs="1" data-autoplay="4500">
<!-- post -->
<div class="item">
<div class="post">
<div class="post-info">
<span class="post-tag bg-grad text-white mb-3 clearfix"><a href="#!">Trend</a></span>
<div class="post-author"><a href="#!"> By Allen C</a></div>,
<div class="post-time"><a href="#!">2 Hours ago</a></div>
<a class="post-title" href="#!">The Stories Behind those Iconic Blogs</a>
<p class="mb-0">Two assure Edward whence the was. Who worthy yet ten boy denote wonder that!</p>
</div>
</div>
</div>
<div class="item">
<div class="post">
<div class="post-info">
<span class="post-tag bg-grad text-white mb-3 clearfix"><a href="#!">Craft</a></span>
<div class="post-author"><a href="#!"> By Mark C</a></div>,
<div class="post-time"><a href="#!">19 Hours ago</a></div>
<a class="post-title" href="#!">Right my front it wound cause fully am sorry</a>
<p class="mb-0">Weeks views her sight old tears sorry suspected its concealed put furnished</p>
</div>
</div>
</div>
<!-- post -->
<div class="item">
<div class="post">
<div class="post-info">
<span class="post-tag bg-grad text-white mb-3 clearfix"><a href="#!">Business</a></span>
<div class="post-author"><a href="#!"> By Stephen C</a></div>,
<div class="post-time"><a href="#!">1 day ago</a></div>
<a class="post-title" href="#!">Months had too ham cousin remove far spirit</a>
<p class="mb-0">Two assure Edward whence the was. Who worthy yet ten boy denote wonder that!</p>
</div>
</div>
</div>
<!-- post -->
<div class="item">
<div class="post">
<div class="post-info">
<span class="post-tag bg-grad text-white mb-3 clearfix"><a href="#!">Creative</a></span>
<div class="post-author"><a href="#!"> By Smith C</a></div>,
<div class="post-time"><a href="#!">2 Days ago</a></div>
<a class="post-title" href="#!">7 Great Lessons You Can Learn From Business</a>
<p class="mb-0">Ample order up in of in ready timed blind had now those ought set often which</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- =======================
blog -->
<!-- =======================
blog -->
<section class="bg-primary all-text-white pattern-overlay-4">
<div class="container">
<div class="col-md-12 col-lg-9 mx-auto p-4 p-sm-5">
<div class="text-center px-0 px-sm-5">
<h2>A fantastic community!</h2>
<p class="mb-3 h6">We receive more than 300 donations a month. Our users love what we do and they mean the World to us. Around the desktop operating system Linux Mint is also a fantastic community.</p>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col-12 col-lg-8 mx-auto">
<div class="title text-center">
<span class="pre-title">Brought to you by</span>
<h2>Partners and sponsors</h2>
<p>Linux Mint is also supported by an amazing network of partners and sponsors.</p>
</div>
</div>
</div>
<div class="row text-center justify-content-center">
<div class="col-4 col-md-2 mb-5"><a href="#" target="_blank"><img class="gold-main-logo" src="img/sponsors/main/eukhost.svg" alt=""></a></div>
<div class="col-4 col-md-2 mb-5"><a href="#" target="_blank"><img class="gold-main-logo" src="img/sponsors/main/simple-mobile-tools.svg" alt=""></a></div>
<div class="col-4 col-md-2 mb-5"><a href="#" target="_blank"><img class="gold-main-logo" src="img/sponsors/main/compulab.png" alt=""></a></div>
</div>
<div class="row text-center justify-content-center">
<div class="col-4 col-md-2 mb-5"><a href="#" target="_blank"><img class="silver-main-logo" src="img/sponsors/main/sucuri.svg" alt=""></a></div>
<div class="col-4 col-md-2 mb-5"><a href="#" target="_blank"><img class="silver-main-logo" src="img/sponsors/main/das-keyboard.png" alt=""></a></div>
<div class="col-4 col-md-2 mb-5"><a href="#" target="_blank"><img class="silver-main-logo" src="img/sponsors/main/think-penguin.png" alt=""></a></div>
</div>
<div class="row text-center justify-content-center">
<div class="col-4 col-md-2 mb-5"><a href="#" target="_blank"><img class="silver-main-logo" src="img/sponsors/main/duckduckgo.svg" alt=""></a></div>
<div class="col-4 col-md-2 mb-5"><a href="#" target="_blank"><img class="silver-main-logo" src="img/sponsors/main/yahoo.svg" alt=""></a></div>
<div class="col-4 col-md-2 mb-5"><a href="#" target="_blank"><img class="bronze-main-logo" src="img/sponsors/main/hellotux.svg" alt=""></a></div>
<div class="col-4 col-md-2 mb-5"><a href="#" target="_blank"><img class="bronze-main-logo" src="img/sponsors/main/shells.svg" alt=""></a></div>
</div>
<div class="row text-center justify-content-center">
<a href="mint-sponsors.html" class="">View all sponsors</a>
</div>
</div>
</section>
<include src="mint-section-footer.html"/>