100 lines
3.5 KiB
HTML
100 lines
3.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset='utf-8'>
|
|
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
|
|
<title>Chat</title>
|
|
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
|
<link rel='stylesheet' type='text/css' href='style/home.css'>
|
|
<link rel='stylesheet' type='text/css' href='style/liveChat.css'>
|
|
<link rel='stylesheet' type='text/css' href='style/notification.css'>
|
|
<link rel='stylesheet' type='text/css' href='style/loginPage.css'>
|
|
<script type="module" src='main.js'></script>
|
|
<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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div id="divNotification">
|
|
</div>
|
|
<div id="topBar">
|
|
<h1>PTME</h1>
|
|
<div id="topButton">
|
|
<p>HOME</p>
|
|
<p>PROJECT</p>
|
|
<p>NEWS</p>
|
|
</div>
|
|
<div id="loginButton">
|
|
<p>LOGIN</p>
|
|
</div>
|
|
</div>
|
|
<div id="chatButton">
|
|
<p>CHAT</p>
|
|
</div>
|
|
<div id="chatDiv">
|
|
<div id="topChatHome">
|
|
<h1>Chat</h1>
|
|
<div id="topChatCross">
|
|
<h2>X</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<section class="homeSection">
|
|
<p>THREEJS</p>
|
|
</section>
|
|
<section class="homeSection relative">
|
|
<img id="firstBall" src="style/ball3D2.png">
|
|
<img id="secondBall" src="style/ball3D3.png">
|
|
<div class="relative">
|
|
<p id="firstText">Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia totam cupiditate magni unde expedita molestiae eum aliquam fugit voluptatibus omnis! Dolores, ipsa inventore necessitatibus numquam aspernatur in perferendis id voluptas?</p>
|
|
<p id="secondText">Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia totam cupiditate magni unde expedita molestiae eum aliquam fugit voluptatibus omnis! Dolores, ipsa inventore necessitatibus numquam aspernatur in perferendis id voluptas?</p>
|
|
</div>
|
|
</section>
|
|
<section class="homeSection">
|
|
<div class="team">
|
|
<div class="team-member">
|
|
<img src="style/tomoron.png" alt="Tom" class="team-photo">
|
|
<h2>Tom, tomoron</h2>
|
|
<p>Partie Backend</p>
|
|
<div class="info">
|
|
<p>Tom est spécialisé en développement backend et travaille principalement avec Node.js et MongoDB.</p>
|
|
</div>
|
|
</div>
|
|
<div class="team-member">
|
|
<img src="style/madegryc.png" alt="Mathis" class="team-photo">
|
|
<h2>Mathis, madegryc</h2>
|
|
<p>Partie Frontend / Design</p>
|
|
<div class="info">
|
|
<p>Tom est spécialisé en développement backend et travaille principalement avec Node.js et MongoDB.</p>
|
|
</div>
|
|
</div>
|
|
<div class="team-member">
|
|
<img src="style/edbernard.png" alt="Eddy" class="team-photo">
|
|
<h2>Eddy, edbernar</h2>
|
|
<p>Partie Midend</p>
|
|
<div class="info">
|
|
<p>Tom est spécialisé en développement backend et travaille principalement avec Node.js et MongoDB.</p>
|
|
</div>
|
|
</div>
|
|
<div class="team-member">
|
|
<img src="style/hubourge.png" alt="Hugo" class="team-photo">
|
|
<h2>Hugo, hubourge</h2>
|
|
<p>Partie jeu</p>
|
|
<div class="info">
|
|
<p>Tom est spécialisé en développement backend et travaille principalement avec Node.js et MongoDB.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<footer>
|
|
<div class="footer-content">
|
|
<div class="footer-left">
|
|
<h1>PTME</h1>
|
|
<p>ft_transcendance project<br>for 42 shcool</p>
|
|
</div>
|
|
<div class="footer-right">
|
|
<p>2024</p>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html> |