-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
136 lines (133 loc) · 13.7 KB
/
Copy pathindex.html
File metadata and controls
136 lines (133 loc) · 13.7 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>LiberaDevWebsite</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=3f30c2c47d7d23c7a994db0c862d45a5">
<link rel="stylesheet" href="assets/css/Navbar-Right-Links-Dark-icons.css?h=2280985354bb9cca2bbac059a7ba67ad">
<link rel="stylesheet" href="assets/css/Team-Horizontal-images.css?h=4f3cfa46e40e236365345fc77963f4b8">
</head>
<body>
<!-- Start: Navbar Right Links (Dark) -->
<nav class="navbar navbar-dark navbar-expand-md bg-dark py-3">
<div class="container"><a class="navbar-brand d-flex align-items-center" href="#"><img width="50" height="50" src="assets/img/Ldev.png?h=3bb781518ab194f0a148da6bbcfd9493"><span>LiberaDev</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-5">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link active" href="#best-altern">Passer au libre</a></li>
<li class="nav-item"><a class="nav-link" href="#">A propos</a></li>
<li class="nav-item"><a class="nav-link" href="#">Nous contacter</a></li>
</ul><a class="btn btn-primary ms-md-2" role="button" href="#">Nos alternative</a>
</div>
</div>
</nav><!-- End: Navbar Right Links (Dark) -->
<!-- Start: Hero Banner -->
<section class="py-4 py-xl-5" style="padding-bottom: 0px;margin-bottom: -24px;">
<div class="container h-100">
<div class="row h-100">
<div class="col-md-10 col-xl-8 text-center d-flex d-sm-flex d-md-flex justify-content-center align-items-center mx-auto justify-content-md-start align-items-md-center justify-content-xl-center">
<div>
<h2 class="text-uppercase fw-bold mb-3">Rendre l'informatique libre c'est notre devoir.</h2>
<p class="mb-4">Sur se site vous trouverez les meilleurs alternative au logiciel du quotidiens.</p><a class="btn btn-primary fs-5 me-2 py-2 px-4" role="button" href="#best-altern">Les meilleurs alternative</a><button class="btn btn-outline-primary fs-5 py-2 px-4" type="button">Nos alternative</button>
</div>
</div>
</div>
</div>
</section><!-- End: Hero Banner --><div><hr style="height: 5px;color: #839D2D;background-color: #737373;width: 100%;border: none;"> </div><!-- Start: 1 Row 4 Columns -->
<div class="container" id="best-altern" style="padding-bottom: 50px;margin-top: 41px;">
<div class="row">
<div class="col-md-3">
<div>
<div class="bs-icon-xl bs-icon-circle bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center me-4 d-inline-block bs-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-8 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M131.5 217.5L55.1 100.1c47.6-59.2 119-91.8 192-92.1 42.3-.3 85.5 10.5 124.8 33.2 43.4 25.2 76.4 61.4 97.4 103L264 133.4c-58.1-3.4-113.4 29.3-132.5 84.1zm32.9 38.5c0 46.2 37.4 83.6 83.6 83.6s83.6-37.4 83.6-83.6-37.4-83.6-83.6-83.6-83.6 37.3-83.6 83.6zm314.9-89.2L339.6 174c37.9 44.3 38.5 108.2 6.6 157.2L234.1 503.6c46.5 2.5 94.4-7.7 137.8-32.9 107.4-62 150.9-192 107.4-303.9zM133.7 303.6L40.4 120.1C14.9 159.1 0 205.9 0 256c0 124 90.8 226.7 209.5 244.9l63.7-124.8c-57.6 10.8-113.2-20.8-139.5-72.5z"></path>
</svg></div>
<h4>Google Chrome</h4>
<p>La meilleur alternative pour Google Chrome que nous pouvons trouver s'appel "Brave".<br>Brave est un logiciel proche de Chrome avec un bloqueur de pub intégrer vous pourrez surfer tranquillement sur internet.</p><a href="https://brave.com/">Site de Brave <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
</svg></a>
</div>
</div>
<div class="col-md-3">
<div class="bs-icon-xl bs-icon-circle bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center order-last ms-4 d-inline-block bs-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-whatsapp">
<path d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z"></path>
</svg></div>
<div>
<h4>WhatsApp</h4>
<p>WhatsApp le fléau des donner et de la liberté, pour contrer WhatsApp une application nommé "Signal" est présente pour nous.<br>Signal est simple a utiliser il comporte toutes les fonction de WhatsApp avec quelque une en plus comme les message crypter se qui veux dire que vos concertation ne seront lisible que par vous et le destinataire.</p><a href="https://signal.org/fr/">Site de Signal <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
</svg></a>
</div>
</div>
<div class="col-md-3">
<div class="bs-icon-xl bs-icon-circle bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center order-last ms-4 d-inline-block bs-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-google">
<path d="M15.545 6.558a9.42 9.42 0 0 1 .139 1.626c0 2.434-.87 4.492-2.384 5.885h.002C11.978 15.292 10.158 16 8 16A8 8 0 1 1 8 0a7.689 7.689 0 0 1 5.352 2.082l-2.284 2.284A4.347 4.347 0 0 0 8 3.166c-2.087 0-3.86 1.408-4.492 3.304a4.792 4.792 0 0 0 0 3.063h.003c.635 1.893 2.405 3.301 4.492 3.301 1.078 0 2.004-.276 2.722-.764h-.003a3.702 3.702 0 0 0 1.599-2.431H8v-3.08h7.545z"></path>
</svg></div>
<div>
<h4>Google<span style="color: rgb(0, 0, 0);">Workspace</span></h4>
<p>Google Workspace est l'ensemble des utilitaire de google comme: gmail, agenda, drive, ...<br>Le meilleur que on peut trouver pour les mail, l'agenda, le drive c'est "Proton".<br>Proton est très utile il vous permet d'avoir un bon équivalant entre sécurité et simplicité.</p><a href="https://proton.me/fr">Site de Proton <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
</svg></a>
</div>
</div>
<div class="col-md-3">
<div class="bs-icon-xl bs-icon-circle bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center order-last ms-4 d-inline-block bs-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-windows">
<path d="M6.555 1.375 0 2.237v5.45h6.555V1.375zM0 13.795l6.555.933V8.313H0v5.482zm7.278-5.4.026 6.378L16 16V8.395H7.278zM16 0 7.33 1.244v6.414H16V0z"></path>
</svg></div>
<div>
<h4>Windows</h4>
<p>Windows le system d'exploitation est tres renfermer et couteux, alors que Linux lui est libre et gratuit, je sais le mot Linux peut faire peur mais le linux le plus simple et le mieux pour vous est Ubuntu qui ne vous fera rester simple et facile a utiliser avec beaucoup de logiciel vous allez pouvoir tout faire comme sur Windows.</p><a href="https://www.ubuntu-fr.org/">Site de Ubuntu <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
</svg></a>
</div>
</div>
</div>
</div><!-- End: 1 Row 4 Columns -->
<!-- Start: Footer Dark Multi Column -->
<footer class="text-white bg-dark">
<div class="container py-4 py-lg-5">
<div class="row justify-content-center">
<!-- Start: Services -->
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 text-white">Services</h3>
<ul class="list-unstyled">
<li><a class="link-light" href="#">Cours d'informatique</a></li>
<li><a class="link-light" href="#">Développement web</a></li>
</ul>
</div><!-- End: Services -->
<!-- Start: About -->
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 text-white">A propos</h3>
<ul class="list-unstyled">
<li><a class="link-light" href="https://liberagroup.fr">LiberaGroup</a></li>
<li><a class="link-light" href="#">Notre equipe</a></li>
</ul>
</div><!-- End: About -->
<!-- Start: Careers -->
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<ul class="list-unstyled">
<li></li>
</ul>
</div><!-- End: Careers -->
<!-- Start: Social Icons -->
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
<div class="fw-bold d-flex align-items-center mb-2"><span class="bs-icon-sm bs-icon-rounded bs-icon-primary d-flex justify-content-center align-items-center bs-icon me-2" style="padding: 0px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-tools" style="font-size: 20px;">
<path d="M1 0 0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617.968.968-.305.914a1 1 0 0 0 .242 1.023l3.356 3.356a1 1 0 0 0 1.414 0l1.586-1.586a1 1 0 0 0 0-1.414l-3.356-3.356a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96 2.68-2.643A3.005 3.005 0 0 0 16 3c0-.269-.035-.53-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46 4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814L1 0zm9.646 10.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708zM3 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471.026-.529.445-.287.287-.445.529-.026L3 11z"></path>
</svg></span><span>LiberaDev</span></div>
<p class="text-muted">LiberaDev est un établissement de l'association LiberaGroup qui a pour but de rendre l'informatique libre.</p>
</div><!-- End: Social Icons -->
</div>
<hr>
<div class="d-flex justify-content-between align-items-center pt-3">
<p class="mb-0">Copyright © 2023 LiberaDev</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"></li>
<li class="list-inline-item"></li>
<li class="list-inline-item"></li>
</ul>
</div>
</div>
</footer><!-- End: Footer Dark Multi Column -->
<script src="assets/bootstrap/js/bootstrap.min.js?h=79ff9637b74326c362fb6f7f5801a7ba"></script>
</body>
</html>