Kasparas12 (Talk | contribs) |
|||
Line 1: | Line 1: | ||
− | + | <html> | |
− | <html> | + | <body> |
− | + | <div class="container"> | |
− | + | <div class="logo"> | |
− | <div class=" | + | <img class="logo__image" src="files/images/icons/intro/logos/logo.png"/> |
− | + | </div> | |
− | + | <div class="skip"> | |
− | + | <a class="skip__anchor" href="#"> | |
− | + | <img class="skip__image" src="files/images/icons/intro/logos/skip.png"/> | |
− | + | </a> | |
− | + | </div> | |
− | + | <div class="canals"> | |
− | + | <img class="canals__lipid-image" loop="false" src=""/> | |
− | + | <img class="canals__water-image" loop="false" src=""/> | |
− | + | <img class="canals__oil-image" loop="false" src=""/> | |
− | <div class=" | + | |
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </div> | + | |
− | + | ||
− | + | ||
− | <div class=" | + | |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </div> | + | |
− | + | ||
− | + | ||
− | + | ||
− | <div class=" | + | |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <img class="canals__image" loop="false" src=""/> | ||
+ | </div> | ||
+ | <div class="liposomes"> | ||
+ | <video class="liposomes-video" autoplay loop muted> | ||
+ | <source class="liposomes-video-source" src="" type="video/mp4"> | ||
+ | </video> | ||
+ | </div> | ||
+ | <div class="buttons"> | ||
+ | <div class="off-button"> | ||
+ | <a class="button-anchor" href="#"><img loop="false" id="lipid_phase" src="files/images/icons/intro/buttons/off-button.png" /><span class="button-text">Outer Phase</span></a> | ||
+ | </div> | ||
+ | <div class="off-button"> | ||
+ | <a class="button-anchor" href="#"><img loop="false" id="water_phase" src="files/images/icons/intro/buttons/off-button.png" /><span class="button-text">Inner Phase</span></a> | ||
+ | </div> | ||
+ | <div class="off-button"> | ||
+ | <a class="button-anchor" href="#"><img loop="false" id="oil_phase" src="files/images/icons/intro/buttons/off-button.png" /><span class="button-text">Lipid Phase</span></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="pulsing-logo"> | ||
+ | <p class="pulsing-logo__project-text"> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus rutrum sed orci eget eleifend <br/> | ||
+ | Phasellus rutrum sed orci eget eleifend. Aliquam non tincidunt risus. Phasellus rutrum sed orci eget eleifend<br/> | ||
+ | Nullam pretium eros vel dui fringilla maximus. Phasellus rutrum sed orci eget eleifend Phasellus rutrum sed orci eget eleifend | ||
+ | </p> | ||
+ | <div class="media"> | ||
+ | <img class="pulsing-logo__image" src="files/images/icons/intro/animation/pulsinglogo.gif" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 08:02, 11 October 2018
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus rutrum sed orci eget eleifend
Phasellus rutrum sed orci eget eleifend. Aliquam non tincidunt risus. Phasellus rutrum sed orci eget eleifend
Nullam pretium eros vel dui fringilla maximus. Phasellus rutrum sed orci eget eleifend Phasellus rutrum sed orci eget eleifend