digital-theory/index.html

115 lines
3.1 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>
We focus on online conversion to help brands sell better and more.
</h2>
<button class="button">Scroll</button>
</section>
<section id="welcome">
<h2>
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">
<h2>For all your digital uses.</h2>
<p>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>
</section>
<section id="content-2">
<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>
<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">
<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>