Upload files to "/"
This commit is contained in:
73
index.html
Normal file
73
index.html
Normal file
@@ -0,0 +1,73 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>SAE</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<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=Montserrat:ital,wght@0,800;1,800&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;1,800&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@400&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div class="main_header">
|
||||
<header>
|
||||
<a href="#" id="openBtn">
|
||||
<span class="burger-icon">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</span>
|
||||
</a>
|
||||
<img src="swiftrescue.png"class="logo" alt="Logo de l'entreprise">
|
||||
<h1> <a href="index.html"> SwiftRescue </a></h1>
|
||||
<div id="monSidenav" class="sidenav">
|
||||
<a id="closeBtn" href="#" class="close">x</a>
|
||||
<ul id="liste_menu">
|
||||
<li id="accueil"><a href="index.html">Accueil</a></li>
|
||||
<li id="entreprise"><a href="entreprise.html">Notre Entreprise</a></li>
|
||||
<li id="produits"><a href="produits.html">Produits</a></li>
|
||||
<li id="contact"><a href="formulaire.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
</div>
|
||||
<section class="content">
|
||||
<h2 class="title_page">Nos drones</h2>
|
||||
<article class="article">
|
||||
<img src="https://www.bfmtv.com/comparateur/wp-content/uploads/2020/09/header_drone-avec-cam%C3%A9ra_mobile.jpg"class="image" alt="Drone view">
|
||||
|
||||
<a>
|
||||
<h3>Surveillance de zones à risque</h3>
|
||||
<p>Grâce à leur technologie avancée, nos drones sont capables de surveiller des zones à risque à l'aide de différents capteurs.
|
||||
Une fois déployés, ils scannent la région donnée automatiquement et de façon autonome,
|
||||
tout en mettant en second plan les autres fonctionnalités pour permettre une optimisation de la batterie. Certains de nos modèles peuvent rester
|
||||
déployés sur le terrain jusqu'à une semaine avant d'être à court de batterie !
|
||||
</p>
|
||||
</a>
|
||||
</article>
|
||||
<article class="article">
|
||||
<img src="https://remeng.rosselcdn.net/sites/default/files/dpistyles_v2/ena_16_9_extra_big/2023/07/11/node_501219/13307584/public/2023/07/11/B9734694223Z.1_20230711165440_000%2BGMFN39OQF.1-0.jpg?itok=wDHy2UAX1689087287"class="image" alt="pompiers">
|
||||
<a>
|
||||
<h3>Les métiers</h3>
|
||||
<p>Ils permettent à des professionnels de la sécurité (pompiers, secouristes, etc.) une réalisation plus sûre et plus efficace de leurs opérations de sauvetage. </p>
|
||||
</a>
|
||||
</article>
|
||||
<article class="article">
|
||||
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/8f/Fire_inside_an_abandoned_convent_in_Massueville%2C_Quebec%2C_Canada.jpg/800px-Fire_inside_an_abandoned_convent_in_Massueville%2C_Quebec%2C_Canada.jpg"class="image" alt="Incendie">
|
||||
<a>
|
||||
<h3>L'environnement</h3>
|
||||
<p>Nos produits peuvent s'adapter à l'environnement dans lequel ils seront employés, et ce même en milieu marin. Ceux-ci seront capable de détecter les personnes présentes à l'intérieur d'un environnement insalubre (notamment en cas d'incendies).</p>
|
||||
</a>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
</footer>
|
||||
<script src="header.js"></script>
|
||||
<script src="burguer.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
BIN
mathias_photo.png
Normal file
BIN
mathias_photo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 95 KiB |
99
portfolio.css
Normal file
99
portfolio.css
Normal file
@@ -0,0 +1,99 @@
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
line-height: 1.6;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #f4f4f9;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 80%;
|
||||
margin: 20px auto;
|
||||
background: #fff;
|
||||
padding: 20px;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
header {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.header-content {
|
||||
display:inline-block ;
|
||||
text-align:center;
|
||||
justify-content:center;
|
||||
align-items:flex-start;
|
||||
}
|
||||
|
||||
.photo-container {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
margin-right: 1750px;
|
||||
}
|
||||
|
||||
.photo-container img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.header-content h1 {
|
||||
margin: 0;
|
||||
font-size: 3em;
|
||||
color: #0073e6;
|
||||
}
|
||||
|
||||
.header-content .subtitle {
|
||||
font-size: 1.5em;
|
||||
color: #555;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
header h1 {
|
||||
margin: 0;
|
||||
font-size: 2.5em;
|
||||
color: #0073e6;
|
||||
}
|
||||
|
||||
header .subtitle {
|
||||
font-size: 1.2em;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
section {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
section h2 {
|
||||
font-size: 1.5em;
|
||||
border-bottom: 2px solid #0073e6;
|
||||
margin-bottom: 10px;
|
||||
padding-bottom: 5px;
|
||||
color: #0073e6;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul li {
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.job {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.job h3 {
|
||||
margin: 0;
|
||||
color: #0073e6;
|
||||
}
|
||||
54
portfolio.html
Normal file
54
portfolio.html
Normal file
@@ -0,0 +1,54 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Portfolio</title>
|
||||
<link rel="stylesheet" href="portfolio.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<header>
|
||||
<div class="photo-container">
|
||||
<img src="cv-photo.jpg">
|
||||
</div>
|
||||
<div class="header-content">
|
||||
<h1>Yann MOUCHOU</h1>
|
||||
<p class="subtitle">Etudiant en BUT Informatique à l'IUT de Fontainebleau, sérieux et motivé, recherche une alternance.</p>
|
||||
</div>
|
||||
</header>
|
||||
<section class="contact">
|
||||
<h2>Contact</h2>
|
||||
<ul>
|
||||
<li>Email : yann1912valras@gmail.com</li>
|
||||
<li>Téléphone : 06 28 91 98 68</li>
|
||||
<li>Adresse : Moret-Loing-et-Orvanne (77250)</li>
|
||||
<li>LinkedIn : www.linkedin.com/in/yann-mouchou-b40561341</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="experience">
|
||||
<h2>Expérience Professionnelle</h2>
|
||||
<div class="job">
|
||||
<h3>Stage d'Observation</h3>
|
||||
<p><strong>Ecole primaire :</strong> Champagne-sur-Seine, France 2023</p>
|
||||
<p>Observation des méthodes d'enseignement et assistance aux enseignants dans la gestion de la classe.</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="education">
|
||||
<h2>Diplômes et Formations</h2>
|
||||
<ul>
|
||||
<li><strong>Bachelor Universitaire de Technologie Informatique</strong> - Institut Universitaire de Technologie, Fonainebleau, France (De septembre 2024 à juin 2027)</li>
|
||||
<li><strong>Baccalauréat Sciences et Technologie de l'Industrie et du Développement Durable</strong> - Lycée Lafayette, Champagne-sur-Seien, France (De septembre 2022 à juin 2024)</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="skills">
|
||||
<h2>Compétences</h2>
|
||||
<ul>
|
||||
<li>Sérieux : L'informatique permet de résoudre des problèmes, de créer des solutions innovantes et d'apprendre constamment dans un domaine en évolution.</li>
|
||||
<li>Motivé : J'aime relever des défis, apprendre de nouvelles choses et atteindre des objectifs qui ont un impact concret.</li>
|
||||
<li>Autonome : Je sais organiser mon travail, prendre des initiatives et trouver des solutions par moi-même lorsque je fais face à des problèmes.</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
74
produits.html
Normal file
74
produits.html
Normal file
@@ -0,0 +1,74 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>SAE</title>
|
||||
<link rel="stylesheet" href="style_boutique.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<img src="swiftrescue.png"class="logo" alt="Logo de l'entreprise">
|
||||
<h1> <a href="index.html"> SwiftRescue </a></h1>
|
||||
</header>
|
||||
<nav>
|
||||
<div id="monSidenav" class="sidenav">
|
||||
<a id="closeBtn" href="#" class="close">x</a>
|
||||
<ul>
|
||||
<li id="accueil"><a href="index.html">Accueil</a></li>
|
||||
<li id="entreprise"><a href="entreprise.html">Notre Entreprise</a></li>
|
||||
<li id="produits"><a href="produits.html">Produits</a></li>
|
||||
<li id="contact"><a href="formulaire.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="#" id="openBtn">
|
||||
<span class="burger-icon">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</span>
|
||||
</a>
|
||||
</nav>
|
||||
<section class="content">
|
||||
<h2 class="title_page">Nos produits</h2>
|
||||
<article class="article">
|
||||
<a>
|
||||
<h3>Fonctionnalités</h3>
|
||||
<p>- Très bonne autonomie <br> - Caméra Haute Définition <br> - Equipés de capteurs thermiques, sismiques etc. <br> - Vitesse élevée pour des interventions plus rapides </p>
|
||||
</a>
|
||||
</article>
|
||||
</section>
|
||||
<section class="content2">
|
||||
<article class="article2">
|
||||
<a>
|
||||
<h3>Tarif</h3>
|
||||
<p>Vous trouverez des drones professionnels allant de 800 à 1500€ en fonction des modèles.
|
||||
Nous proposons également une gamme à but récréatif dont les prix avoisinnent les 300€ </p>
|
||||
</a>
|
||||
</article>
|
||||
<article class="article2">
|
||||
<a>
|
||||
<h3>Abonnement</h3>
|
||||
<p>Vous trouvez peut être nos prix assez incassessibles, mais pas de panique ! Vous pouvez également louer
|
||||
n'importe quel drône de notre collection en souscrivant à un abonnement mensuel de 39,99€ !
|
||||
</p>
|
||||
</a>
|
||||
</article>
|
||||
</section>
|
||||
<section class="content">
|
||||
<article class="article">
|
||||
<a>
|
||||
<h3>Pourquoi acheter nos drones ?</h3>
|
||||
<p>Que vous soyiez une enteprise professionnelle du milieu de la sécurité, un influenceur à la recherche
|
||||
de matériel pour tourner des vlogs ou un père de famille
|
||||
qui souhaite s'amuser avec son fils, nos drones peuvent répondre à tous vos besoins, alors foncez !
|
||||
</p>
|
||||
</a>
|
||||
</article>
|
||||
</section>
|
||||
<footer>
|
||||
|
||||
</footer>
|
||||
<script src="burguer.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user