Skip to content

Instantly share code, notes, and snippets.

@mackwic

mackwic/index.html

Created December 18, 2022 13:10
Show Gist options
  • Save mackwic/6eafed7b95f57bf4dded135f1b64afb3 to your computer and use it in GitHub Desktop.
Save mackwic/6eafed7b95f57bf4dded135f1b64afb3 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Première page</title>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
</head>
<body>
<section class="hero is-link animate__animated animate__fadeIn">
<div class="hero-body">
<p class="title">
Première page
</p>
<p class="subtitle">
C'est vraiment trop classe.
</p>
</div>
</section>
<div class="columns mt-5">
<div class="column is-9 is-offset-1">
<div class="box animate__animated animate__fadeIn">
<a href="other-page.html">
<h2 class="subtitle">J'ai plein de choses à dire</h1>
</a>
</div>
<div class="box animate__animated animate__fadeIn">
<a href="other-page.html">
<h2 class="subtitle">Ouais carrément</h1>
</a>
</div>
<div class="box animate__animated animate__fadeIn">
<a href="other-page.html">
<h2 class="subtitle">Plein de choses</h1>
</a>
</div>
</div>
</div>
</body>
</html>
Raw
other-page.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Première page</title>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
</head>
<body>
<section class="hero is-warning animate__animated animate__fadeInLeftBig">
<div class="hero-body">
<p class="title">
Seconde page
</p>
<p class="subtitle">
WOAW
</p>
</div>
</section>
<div class="columns mt-5">
<div class="column is-9 is-offset-1">
<div class="box animate__animated animate__fadeInLeftBig">
<a href="index.html">
<h2 class="subtitle">Chose 1</h1>
</a>
</div>
<div class="box animate__animated animate__fadeInLeftBig">
<a href="index.html">
<h2 class="subtitle">Chose 2</h1>
</a>
</div>
<div class="box animate__animated animate__fadeInLeftBig">
<a href="index.html">
<h2 class="subtitle">Chose 3</h1>
</a>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment