pagesassos/server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Activity
server/static/organization.html

281 lines
10 KiB
HTML
Raw Normal View History

feat: home and organization page css integration
2020-07-05 11:59:03 +00:00
<!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>
feat: add organization schedule widget
2020-07-05 12:36:10 +00:00
<div class="schedule">
<div class="schedule-category">
<div class="schedule-category-header">
<div class="schedule-category-name">
Création de robots super cool
</div>
<i class="schedule-category-collapse-icon fas fa-chevron-circle-up"></i>
</div>
<div class="schedule-category-table">
<div class="schedule-category-days-container">
<div class="schedule-category-day-container">
<div class="schedule-category-day">
Lundi
</div>
<div class="schedule-category-hours">
17:00 <span class="separator">-</span> 18:00
</div>
</div>
<div class="schedule-category-day-container">
<div class="schedule-category-day">
Mardi
</div>
<div class="schedule-category-hours">
14:00 <span class="separator">-</span> 15:00
</div>
</div>
<div class="schedule-category-day-container">
<div class="schedule-category-day">
Samedi
</div>
<div class="schedule-category-hours">
16:00 <span class="separator">-</span> 17:00
</div>
</div>
</div>
</div>
</div>
<div class="schedule-category">
<div class="schedule-category-header">
<div class="schedule-category-name">
Cours de programmation de gros expert
</div>
<i class="schedule-category-collapse-icon fas fa-chevron-circle-up"></i>
</div>
<div class="schedule-category-table">
<div class="schedule-category-days-container">
<div class="schedule-category-day-container">
<div class="schedule-category-day">
Lundi
</div>
<div class="schedule-category-hours">
17:00 <span class="separator">-</span> 18:00
</div>
</div>
<div class="schedule-category-day-container">
<div class="schedule-category-day">
Mardi
</div>
<div class="schedule-category-hours">
14:00 <span class="separator">-</span> 15:00
</div>
</div>
<div class="schedule-category-day-container">
<div class="schedule-category-day">
Samedi
</div>
<div class="schedule-category-hours">
16:00 <span class="separator">-</span> 17:00
</div>
</div>
</div>
</div>
</div>
feat: home and organization page css integration
2020-07-05 11:59:03 +00:00
</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>
Reference in a new issue Copy permalink