129 lines
3.5 KiB
HTML
129 lines
3.5 KiB
HTML
<!doctype html>
|
||
<html id="no-js" lang="fr">
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title></title>
|
||
<meta name="description" content="">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
||
<meta property="og:title" content="Sesame">
|
||
<meta property="og:type" content="">
|
||
<meta property="og:url" content="">
|
||
<meta property="og:image" content="">
|
||
|
||
<link rel="manifest" href="site.webmanifest">
|
||
<link rel="apple-touch-icon" href="icon.png">
|
||
<!-- Place favicon.ico in the root directory -->
|
||
|
||
<link rel="stylesheet" href="css/normalize.css">
|
||
<link rel="stylesheet" href="css/bulma.css">
|
||
<link rel="stylesheet" href="css/main.css">
|
||
|
||
<meta name="theme-color" content="#fafafa">
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<main class="has-text-centered">
|
||
<div class="fixed-nav is-fixed-top columns">
|
||
|
||
<div class="burger-menu column is-2">
|
||
<div class="icon-burger"></div>
|
||
<span>Menu</span>
|
||
</div>
|
||
<div class="nav-main column is-10 has-text-centered">
|
||
Open Sesame
|
||
</div>
|
||
</div>
|
||
<section id="cover">
|
||
<div class="hand"></div>
|
||
<h1 id="main_title">Sesame</h1>
|
||
<h2 class="container-text">
|
||
We focus on online
conversion to help brands sell better and more.
|
||
</h2>
|
||
<button class="button">Scroll</button>
|
||
</section>
|
||
<section id="welcome">
|
||
|
||
<h2 class="container-text-md">
|
||
We come from
|
||
<span class="color-emphasis">
|
||
the
most immersive e-commerce market
|
||
</span>
|
||
in the world.
|
||
</h2>
|
||
</section>
|
||
<section id="open">
|
||
<h2>
|
||
Open Sesame
|
||
</h2>
|
||
</section>
|
||
<section id="content">
|
||
<h2>
|
||
<p class="color-emphasis">Transactional</p>
|
||
<p>Content</p>
|
||
|
||
</h2>
|
||
</section>
|
||
<section id="content_all">
|
||
<div class="columns">
|
||
<div class="column">
|
||
<h2 class="container-text-md">For all your digital uses.</h2>
|
||
</div>
|
||
<div class="column">
|
||
<p class="container-text-md">
|
||
Our creative competitive edge
|
||
We leverage our own studio in Paris equipped to produce all e-formats. We power transactional content with our
|
||
technology. Our content is transactional and generate online sales. We produce multi-purpose content at scale
|
||
for all touchpoints to reduce costs.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</section>
|
||
<section id="content-2">
|
||
<div class="container-text">
|
||
|
||
<h2>Motion &
|
||
3D design</h2>
|
||
<p>
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in tortor egestas, rutrum elit at, fringilla felis.
|
||
Mauris nec erat rutrum, ultrices turpis laoreet, faucibus ante. Vestibulum.
|
||
</p>
|
||
</div>
|
||
<button>More infos</button>
|
||
<div class="phone-container"></div>
|
||
</section>
|
||
<section id="content-3"></section>
|
||
<section id="content-4"></section>
|
||
<section id="content-5"></section>
|
||
<section id="popover" class="is-hidden">
|
||
<div class="phone-container"></div>
|
||
<div id="text">
|
||
<h2>
|
||
<span id="colored">
|
||
|
||
Premium
|
||
</span>
|
||
<span>
|
||
& Campaign
|
||
</span>
|
||
</h2>
|
||
<p>
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in tortor egestas, rutrum elit at, fringilla felis.
|
||
Mauris nec erat rutrum, ultrices turpis laoreet, faucibus ante. Vestibulum.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
<script src="js/vendor/modernizr-3.11.2.min.js"></script>
|
||
<script src="js/vendor/ScrollMagic.min.js"></script>
|
||
<script src="js/plugins.js"></script>
|
||
<script src="js/main.js"></script>
|
||
|
||
</body>
|
||
|
||
</html>
|