Upload 10 files (#1)

c1d73ff verified almost 2 years ago

8.5 kB

	<!doctype html>
	<html lang="en">
	<head>
	<!-- Required meta tags -->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<title>Formation FISA - Telecom SudParis</title>
	<meta name="description"
	content="Découvrez la formation FISA à TSP."/>

	<!--Inter UI font-->
	<link href="https://rsms.me/inter/inter-ui.css" rel="stylesheet">

	<!--vendors styles-->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css">

	<!-- Bootstrap CSS / Color Scheme -->
	<link rel="stylesheet" href="css/default.css" id="theme-color">
	</head>
	<body>

	<!--navigation-->
	<section class="smart-scroll">
	<div class="container-fluid">
	<nav class="navbar navbar-expand-md navbar-dark">
	<a class="navbar-brand heading-black" href="index.html">
	FisaGPT
	</a>
	<button class="navbar-toggler navbar-toggler-right border-0" type="button" data-toggle="collapse"
	data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false"
	aria-label="Toggle navigation">
	<span data-feather="grid"></span>
	</button>
	<div class="collapse navbar-collapse" id="navbarCollapse">
	<ul class="navbar-nav ml-auto">
	<li class="nav-item">
	<a class="nav-link page-scroll" href="#formation">Formation</a>
	</li>
	<li class="nav-item">
	<a class="nav-link page-scroll" href="#ecole">L'école</a>
	</li>
	<li class="nav-item">
	<a class="nav-link page-scroll d-flex flex-row align-items-center text-primary" href="#">
	<em width="18" height="18" class="mr-2"></em>
	FisaGPT
	</a>
	</li>
	</ul>
	</div>
	</nav>
	</div>
	</section>

	<!--hero header-->
	<section class="py-7 py-md-0 bg-hero" id="home">
	<div class="container">
	<div class="row vh-md-100">
	<div class="col-md-8 col-sm-10 col-12 mx-auto my-auto text-center">
	<h1 class="heading-black text-capitalize">Devenez Ingénieur Informatique en apprentissage !</h1>
	<p class="lead py-3">Discutez avec notre IA FisaGPT pour en savoir plus.</p>
	<button class="btn btn-primary d-inline-flex flex-row align-items-center" onclick="window.location.href='https://tsp-fisagpt.duckdns.org/'">
	FisaGPT
	<em class="ml-2" data-feather="arrow-right"></em>
	</button>
	</div>
	</div>
	</div>
	</section>

	<!-- features section -->
	<section class="pt-6 pb-7" id="formation">
	<div class="container">
	<div class="row">
	<div class="col-md-6 mx-auto text-center">
	<h2 class="heading-black">La formation FISA à Telecom SudParis :</h2>
	<p class="text-muted lead">Vous souhaitez devenir ingénieur informatique et réseaux : pourquoi ne pas choisir l’apprentissage ?</p>
	</div>
	</div>
	<div class="row mt-5">
	<div class="col-md-10 mx-auto">
	<div class="row feature-boxes">
	<div class="col-md-6 box">
	<div class="icon-box box-primary">
	<div class="icon-box-inner">
	<span data-feather="calendar" width="35" height="35"></span>
	</div>
	</div>
	<h5>Rythme d'alternance</h5>
	<p class="text-muted">2 jours en entreprise / 3 jours à l'école</p>
	</div>
	<div class="col-md-6 box">
	<div class="icon-box box-success">
	<div class="icon-box-inner">
	<span data-feather="book-open" width="35" height="35"></span>
	</div>
	</div>
	<h5>Formation théorique et pratique</h5>
	<p class="text-muted">Des compétences génériques et propres à l'ingénieur, mais également spécifiques aux spécialités informatique et réseaux</p>
	</div>
	<div class="col-md-6 box">
	<div class="icon-box box-danger">
	<div class="icon-box-inner">
	<span data-feather="dollar-sign" width="35" height="35"></span>
	</div>
	</div>
	<h5>Activité professionnelle rémunérée</h5>
	<p class="text-muted">Un salaire jusqu'à 2000€ en 3ème année et une scolarité financée par l'employeur</p>
	</div>
	<div class="col-md-6 box">
	<div class="icon-box box-info">
	<div class="icon-box-inner">
	<span data-feather="globe" width="35" height="35"></span>
	</div>
	</div>
	<h5>Vie associative</h5>
	<p class="text-muted">Profitez des 60+ associations et clubs du campus d'Evry.</p>
	</div>
	</div>
	</div>
	</div>

	<section class="pt-6 pb-7" id="ecole"></section>
	<div class="row mt-6">
	<div class="col-md-6 mr-auto">
	<h2>INGÉNIEUR INFORMATIQUE ET RÉSEAUX EN APPRENTISSAGE</h2>
	<p class="mb-5">L’objectif est de former des ingénieurs capables de concevoir, dimensionner, déployer, exploiter et administrer des systèmes informatiques et réseaux de nouvelle génération.</p>
	<!-- <a href="#" class="btn btn-light">
	Try the live demo
	</a> -->
	</div>
	<div class="col-md-5">
	<div class="slick-about">
	<img src="img/campus.jpg" class="img-fluid rounded d-block mx-auto" alt="Campus TSP Evry"/>
	<img src="img/campus2.jpg" class="img-fluid rounded d-block mx-auto" alt="Work 2"/>
	<img src="img/random.png" class="img-fluid rounded d-block mx-auto" alt="Work 3"/>
	</div>
	</div>
	</div>
	</section>
	</div>
	</section>




	<div class="row mt-4">
	<div class="col-md-6 mx-auto text-center">
	<h5 class="mb-4">Plus de questions?</h5>
	<a href="https://tsp-fisagpt.duckdns.org/" class="btn btn-primary">Demandez à FisaGPT !</a>
	</div>
	</div>



	<!--footer-->
	<footer class="py-6">
	<div class="container">

	<div class="row mt-4">
	<div class="col-md-6 mx-auto text-center">
	<h5 class="mb-4">A propos de FisaGPT</h5>
	<p class="text-muted"></p>Ce site web et son assistant IA ont été déployés dans le cadre du projet de 1ère année en FISA à Telecom SudParis.</p>
	</div>
	</div>
	<div class="row mt-5">
	<div class="col-12 text-muted text-center small-xl">
	© 2024 FisaGPT - Tout droits réservés.
	</div>
	</div>
	</div>
	</footer>

	<!--scroll to top-->
	<div class="scroll-top">
	<i class="fa fa-angle-up" aria-hidden="true"></i>
	</div>


	<!-- jQuery first, then Popper.js, then Bootstrap JS -->
	<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.7.3/feather.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
	<script src="js/scripts.js"></script>
	</body>
	</html>