221 lines
8.5 KiB
HTML
221 lines
8.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Association</title>
|
||
|
|
<meta charset="UTF-8" />
|
||
|
|
<link href="https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Slab&display=swap" rel="stylesheet">
|
||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css" />
|
||
|
|
<link rel="stylesheet" href="./assets/main.css" />
|
||
|
|
<link rel="stylesheet" href="./assets/organization.css" />
|
||
|
|
<meta name="viewport" content="width=device-width">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="header">
|
||
|
|
<div class="container header-container">
|
||
|
|
<div class="return">
|
||
|
|
<div class="return-icon"><i class="fas fa-chevron-circle-left"></i></div>
|
||
|
|
<div class="return-title">Revenir à la liste</div>
|
||
|
|
</div>
|
||
|
|
<div class="header-title">
|
||
|
|
Forum des associations
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="cover-background" style="background-image: url('https://s.werobot.fr/headerCover.jpeg')"></div>
|
||
|
|
<div class="cover">
|
||
|
|
<div class="cover-content container">
|
||
|
|
<div class="cover-image" style="background-image: url('./assets/img/werobot.png');">
|
||
|
|
</div>
|
||
|
|
<div class="cover-title-container">
|
||
|
|
<h1 class="cover-title">
|
||
|
|
We Robot
|
||
|
|
</h1>
|
||
|
|
<h4 class="cover-sub-title">
|
||
|
|
Association de robotique
|
||
|
|
</h4>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="container">
|
||
|
|
<div class="media-mosaic">
|
||
|
|
<div class="media media-main" style="background-image: url('assets/img/dummy-1.jpg')">
|
||
|
|
</div>
|
||
|
|
<div class="media media-1-1" style="background-image: url('assets/img/dummy-3.jpg')"></div>
|
||
|
|
<div class="media media-1-2" style="background-image: url('assets/img/dummy-2.jpg'); grid-column: 3/ span 1; grid-row: 1/ span 1;"></div>
|
||
|
|
<div class="media-1-2 media-overlay" style="grid-column: 3/ span 1; grid-row: 1/ span 1;">
|
||
|
|
<i class="fas fa-play-circle"></i>
|
||
|
|
</div>
|
||
|
|
<div class="media media-2-1" style="background-image: url('assets/img/dummy-4.jpg')"></div>
|
||
|
|
<div class="media media-2-2" style="background-image: url('assets/img/dummy-5.jpg')"></div>
|
||
|
|
</div>
|
||
|
|
<section>
|
||
|
|
<div class="section-title">
|
||
|
|
<h2>Présentation</h2>
|
||
|
|
<div class="section-divider"></div>
|
||
|
|
</div>
|
||
|
|
<div class="description">
|
||
|
|
<p>
|
||
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia minima aliquam corporis fugit repellat obcaecati consequatur cumque, dolore omnis et porro, sit iusto similique blanditiis vel, alias quam ducimus voluptates.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
Unde neque adipisci et. Consequatur labore similique quia. Rerum nihil eius assumenda quae. Non vel sapiente omnis. Eum explicabo neque maxime sapiente et perspiciatis et.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
Delectus unde inventore similique ut quo. Consequatur assumenda quaerat aliquid velit et corrupti. Laboriosam qui magnam culpa est amet nobis tenetur. Ducimus a sint ea. Expedita omnis libero ipsum dolor ipsam dolor beatae.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
Qui vel sit expedita eum recusandae nemo. Facere quas dolor eum ut. Aut omnis et qui repellat nihil accusantium. Et vitae beatae ratione. Tenetur sit omnis sa
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<div class="section-title">
|
||
|
|
<h2>Crénaux</h2>
|
||
|
|
<div class="section-divider"></div>
|
||
|
|
</div>
|
||
|
|
<div class="description">
|
||
|
|
<p>
|
||
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia minima aliquam corporis fugit repellat obcaecati consequatur cumque, dolore omnis et porro, sit iusto similique blanditiis vel, alias quam ducimus voluptates.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
Unde neque adipisci et. Consequatur labore similique quia. Rerum nihil eius assumenda quae. Non vel sapiente omnis. Eum explicabo neque maxime sapiente et perspiciatis et.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
Delectus unde inventore similique ut quo. Consequatur assumenda quaerat aliquid velit et corrupti. Laboriosam qui magnam culpa est amet nobis tenetur. Ducimus a sint ea. Expedita omnis libero ipsum dolor ipsam dolor beatae.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
Qui vel sit expedita eum recusandae nemo. Facere quas dolor eum ut. Aut omnis et qui repellat nihil accusantium. Et vitae beatae ratione. Tenetur sit omnis sa
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<div class="section-title">
|
||
|
|
<h2>Tarifs</h2>
|
||
|
|
<div class="section-divider"></div>
|
||
|
|
</div>
|
||
|
|
<div class="pricing">
|
||
|
|
<div class="pricing-card">
|
||
|
|
<div class="pricing-label">
|
||
|
|
12 €
|
||
|
|
</div>
|
||
|
|
<div class="pricing-name">
|
||
|
|
Enfants
|
||
|
|
</div>
|
||
|
|
<div class="pricing-description">
|
||
|
|
Facere quas dolor eum ut.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="pricing-card">
|
||
|
|
<div class="pricing-label">
|
||
|
|
12 €
|
||
|
|
</div>
|
||
|
|
<div class="pricing-name">
|
||
|
|
Enfants
|
||
|
|
</div>
|
||
|
|
<div class="pricing-description">
|
||
|
|
Facere quas dolor eum ut.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="pricing-card">
|
||
|
|
<div class="pricing-label">
|
||
|
|
12 €
|
||
|
|
</div>
|
||
|
|
<div class="pricing-name">
|
||
|
|
Enfants
|
||
|
|
</div>
|
||
|
|
<div class="pricing-description">
|
||
|
|
Facere quas dolor eum ut.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<div class="section-title">
|
||
|
|
<h2>Contact</h2>
|
||
|
|
<div class="section-divider"></div>
|
||
|
|
</div>
|
||
|
|
<div class="contact">
|
||
|
|
<div class="contact-item">
|
||
|
|
<div class="contact-icon">
|
||
|
|
<i class="fas fa-user"></i>
|
||
|
|
</div>
|
||
|
|
<div class="contact-content">
|
||
|
|
Frank GITON
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="contact-item">
|
||
|
|
<div class="contact-icon">
|
||
|
|
<i class="fas fa-at"></i>
|
||
|
|
</div>
|
||
|
|
<div class="contact-content">
|
||
|
|
<a href="mailto:contact@werobot.fr">contact@werobot.fr</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="contact-item">
|
||
|
|
<div class="contact-icon">
|
||
|
|
<i class="fas fa-map-marker-alt"></i>
|
||
|
|
</div>
|
||
|
|
<div class="contact-content">
|
||
|
|
<p>
|
||
|
|
6, Rue qui fait des efforts
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
27940 Gaillon
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="contact-item">
|
||
|
|
<div class="contact-icon">
|
||
|
|
<i class="fas fa-globe"></i>
|
||
|
|
</div>
|
||
|
|
<div class="contact-content">
|
||
|
|
<a href="https://werobot.fr">https://werobot.fr <i class="external-link fa fa-external-link-alt"></i></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="contact-item">
|
||
|
|
<div class="contact-icon">
|
||
|
|
<i class="fas fa-phone"></i>
|
||
|
|
</div>
|
||
|
|
<div class="contact-content">
|
||
|
|
<a href="telto:+33783424852">07 81 42 88 42</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="contact-item facebook">
|
||
|
|
<div class="contact-icon">
|
||
|
|
<i class="fab fa-facebook-square"></i>
|
||
|
|
</div>
|
||
|
|
<div class="contact-content">
|
||
|
|
<a href="https://www.facebook.com/WeRobot/">https://www.facebook.com/WeRobot/ <i class="external-link fa fa-external-link-alt"></i></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="contact-item instagram">
|
||
|
|
<div class="contact-icon">
|
||
|
|
<i class="fab fa-instagram"></i>
|
||
|
|
</div>
|
||
|
|
<div class="contact-content">
|
||
|
|
<a href="https://www.instagram.com/werobot/">https://www.instagram.com/werobot/ <i class="external-link fa fa-external-link-alt"></i></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="contact-item twitter">
|
||
|
|
<div class="contact-icon">
|
||
|
|
<i class="fab fa-twitter"></i>
|
||
|
|
</div>
|
||
|
|
<div class="contact-content">
|
||
|
|
<a href="https://www.twitter.com/werobot_FR/">https://www.twitter.com/werobot_FR/ <i class="external-link fa fa-external-link-alt"></i></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="footer">
|
||
|
|
<div></div>
|
||
|
|
<div></div>
|
||
|
|
<div></div>
|
||
|
|
</div>
|
||
|
|
<script src="assets/js/organization.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|