Files
SAE_WEB_2025/index.html

73 lines
4.2 KiB
HTML
Raw Normal View History

2025-01-17 22:36:20 +01:00
<!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>