44 lines
1.3 KiB
HTML
44 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html class="no-js">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<title>Charline Pasteur Avocate</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="stylesheet" href="./styles.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<div class="navbar">
|
|
<input type="checkbox" id="menu-toggle">
|
|
<label for="menu-toggle" class="menu-icon">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</label>
|
|
<nav>
|
|
<a href="#about">Qui je suis</a>
|
|
<a href="#how">Ce que je fais</a>
|
|
<a href="#contact">Contact</a>
|
|
</nav>
|
|
</div>
|
|
<div class="wrapper">
|
|
<div class="parallax__group hero-container">
|
|
<div class="parallax__layer sky"></div>
|
|
<div class="parallax__layer bushes"></div>
|
|
<div class="parallax__layer water"></div>
|
|
<div class="parallax__layer people1"></div>
|
|
<!--<div class="parallax__layer people2"></div>
|
|
<div class="parallax__layer people3"></div>
|
|
<div></div>-->
|
|
</div>
|
|
<section id="about" class="parallax__group info-container">
|
|
</section>
|
|
<section id="about"></section>
|
|
<section id="how"></section>
|
|
<section id="contact"></section>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |