-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
124 lines (112 loc) · 7.77 KB
/
index.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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sharelex</title>
<link rel="icon" type="image/png" href="https://forum.sharelex.org/uploads/default/optimized/1X/65091ad69ebd75e66576a3021db2db483752b700_2_32x32.ico">
<link rel="stylesheet" href="assets/stylesheet.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous"/>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://kit.fontawesome.com/bc6b5369d9.js" crossorigin="anonymous"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:wght@300;500&family=Roboto:wght@700;900&display=swap" rel="stylesheet">
</head>
<body>
<head>
<div class="banner" style="background-image: linear-gradient(rgba(255,255,255,0.6),rgba(255,255,255,0.3)), url(assets/headway-5QgIuuBxKwM-unsplash.jpg);">
<div class="container">
<div class="flexbox">
<div class="logo"><img src="assets/8c2790c19731ae3e17896e6b832565c28172a081.png" alt="" height="72px" ></div>
<div class="log">
<a href="https://forum.sharelex.org/" class="login">Se connecter/s'incrire </a>
<i class="fas fa-solid fa-user fa-2x icon bckgd-icon"></i>
</div>
</div>
<div class="container-txt bckg-white">
<div>
<h1>Partager le <span style="color:#AC5E64">droit</span> pour <br> stimuler les <span style="color:#AC5E64">transitions</span></h1>
<p>Sharelex est un <strong>espace d’échange et de coopération</strong> où se rencontrent structures de l’ESS, tiers-lieux, acteurs de l’intérêt général et praticiens du droit, afin de <strong>s’inspirer, de collaborer et de partager</strong> problématiques, conseils et ressources juridiques.</p>
<a class="btn-flat" href="https://forum.sharelex.org/">Rejoignez la communauté !</a>
</div>
</div>
</div>
</div>
</head>
<section>
<img src="assets/main.png" alt="" class="hand">
<div class="container-txt">
<div class="container-txt-2">
<h2>Qui sommes-nous ?</h2>
<p>Né de la volonté d’outiller juridiquement les acteurs de l’<strong>économie sociale et solidaire</strong>, Sharelex est le fruit d’une collaboration entre trois associations engagées :</p>
</div>
</div>
<div class="tabs">
<input type="radio" id="tab1" name="tab-control" checked>
<input type="radio" id="tab2" name="tab-control">
<input type="radio" id="tab3" name="tab-control">
<!-- <input type="radio" id="tab4" name="tab-control"> -->
<ul>
<li title="Adoa"><label for="tab1" role="button"><img src="assets/logo-adoa.png" alt="" height="96px" ></label></li>
<li title="Open Law"><label for="tab2" role="button"><img src="assets/logo-open-law.png" alt="" height="96px" ></label></li>
<li title="France Tiers-Lieux"><label for="tab3" role="button"><img src="assets/logo-france-tiers-lieux.png" alt="" height="96px" ></label></li>
<!-- <li title="Next partner"><label for="tab4" role="button"></label></li> -->
</ul>
<div class="slider"><div class="indicator"></div></div>
<div class="content">
<section>
<h2>ADOA</h2>
<p>Adoa œuvre à la production et à la diffusion d’information technique, de doctrine juridique et financière et d’outils d’administration et de gestion, librement accessibles, de façon à aider les citoyens à s'engager et à s’investir dans des projets producteurs d’intérêt général.</p>
<a class="link-partner justify-content-center" href="http://adoa.solutions/">En savoir plus...</a>
</section>
<section>
<h2>Open Law</h2>
<p>Open Law* Le droit ouvert promeut un monde collaboratif permettant à chacun, non seulement d’avoir accès, mais également de comprendre, de co-créer et de partager des ressources et des pratiques juridiques essentielles à la conception et à l’innovation.</p>
<a class="link-partner justify-content-center" href="https://openlaw.fr/">En savoir plus...</a>
</section>
<section>
<h2>France Tiers-Lieux</h2>
<p>France Tiers-Lieux est chargée d’aider au développement et à l’émergence des tiers-lieux partout en France, en aidant à leur structuration, en développant et diffusant, avec les acteurs de l’écosystème, l’ingénierie des tiers-lieux : outils, formations, ressources, accompagnement, reconnaissance des métiers…</p>
<a class="link-partner" href="https://francetierslieux.fr/">En savoir plus...</a>
</section>
</div>
</div>
<div class="container-txt">
<p>Pour partager des clefs de compréhension et des <strong>ressources juridiques</strong>. Sharelex offre un espace d’échange ouvert à tous réunissant l’<strong>expertise</strong> et la richesse de nos <strong>écosystèmes</strong>.</p>
</div>
</section>
<section class="container-soutien">
<div class="item_description">
<div class="image"
style="background-image:url(assets/clean_desk.jpg);">
</div>
<div class="desc">
<h2>Vous souhaitez nous soutenir ?</h2>
<p>Sharelex a été pensé comme un espace ouvert de partage, librement accessible et ne nécessitant aucun engagement monétaire. Cependant, l’entretien, les recherches et la modération d’un forum demande du temps et des moyens. Nous souhaitons faire de Sharelex, un véritable commun numérique, soutenu par l’ensemble de ses utilisateurs et partenaires. Alors, afin que ces échanges continuent à prospérer, n’hésitez pas à nous soutenir en faisant un don ci-dessous !
</p>
<a class="btn-flat" href="#">Faire un don</a>
</div>
</div>
</section>
<div class="partner">Les porteurs du dispositif apprenant :</div>
<div class="footer-sharelex">
<div class="footer-links">
<div>
<a href="http://adoa.solutions/"><img src="assets/logo-adoa.png" alt="" height="80px"></a>
<a href="https://openlaw.fr/"><img src="assets/logo-france-tiers-lieux.png" alt="" height="80px"></a>
<a href="https://francetierslieux.fr/"><img src="assets/logo-open-law.png" alt="" height="80px"></a>
</div>
</div>
</div>
<div class="link-footer">
<div style="text-align: center; background: #F4F4F4; padding: 20px; ">
<a href="https://sharelex.org/">Accueil</a> /
<a href="">Mentions Légales</a> /
<a href="https://forum.sharelex.org/">Forum</a>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>