NutriNugget

Intro

<head><link href="https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,600,600i" rel="stylesheet" /><style> body, td { font-family: 'Lato', sans-serif; font-weight: 300; font-size: 24px !important; } .button { background: #FF4E00; color: white; padding: 8px 20px; font-size: 33px; border-radius: 9px; text-shadow: none;cursor: pointer; transition: .5s} .button:hover { background: #333; color: white; padding: 8px 20px; font-size: 33px; border-radius: 9px; text-shadow: none;} #slideshow { margin: auto; position: relative; width: 1160px; height: 400px; } #slideshow > div { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; } </style><script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script><script> $("#slideshow > div:gt(0)").hide(); setInterval(function() { $('#slideshow > div:first') .fadeOut(1000) .next() .fadeIn(1000) .end() .appendTo('#slideshow'); }, 5000); </script></head><body style="margin: 0;"><!-- text-shadow: 1px 1px 3px rgba(0,0,0,1), 0 0 11px #000; --> <div style="background: #ccc; background-image: url(shopify-intro2.jpg); background-size: cover; background-repeat: no-repeat; background-position: center top; width:100%; height: 1100px; border-top: 1px solid white; margin: auto;"> <div style="position: relative; margin: 250px auto 0; font-size: 90px; font-family: 'Lato', sans-serif; font-weight: 400; padding: 20px 30px; line-height: 95%; width: 700px; text-align: center; border-radius: 10px; color:black; background: rgba(255,255,255,.7)">NUTRINUGGET<br /><span style="font-size:70px;">RAW SUPERFOODS</span><br /> <span style="font-style: italic; font-size:50px; font-weight: 300;">The healthy taste of passion</span><br /> <span class="button">GET IT NOW</span></div> </div> <table width="1160" style="margin: 80px auto 0;"> <tr> <td><img src="packaging.jpg" width="580" height="auto" alt="packaging" /></td> <td> <h2>Nutrinugget—a healthy taste of passion.</h2> Bite into a Nutrinugget Xocolat bar and experience a rich, healthy blend of raw chocolate, dates, pumpkin seeds, raw unpasteurized honey, virgin coconut oil and many other superfoods whose natural flavours are in delicious harmony with each other. <ul> <li>Fully Raw Organic ingredients</li> <li>Dairy Free – Nut Free</li> <li>Non GMO – Allergen free</li> <li>Rich in Plant Protein</li> <li>Rich in Fiber</li> <li>High in Magnesium and Potassium</li> <li>Rich in Healthy Fatty Acids</li> <li>High Antioxidants</li> </ul> </td> </tr> </table> <div style="width:819px; height: 600px; margin: auto;padding-top:120px;"><img src="produit-xocolat.png" width="819" height="507" alt="produit-xocolat" /></div> <div id="slideshow"> <div><img src="bandeau-hiker-en.jpg" width="1160" height="400" alt="bandeau-yoga-en" /></div> <div><img src="bandeau-yoga-en.jpg" width="1160" height="400" alt="bandeau-yoga-en" /></div> <div><img src="bandeau-cyclist-en.jpg" width="1160" height="400" alt="bandeau-yoga-en" /></div> <div><img src="bandeau-climber-en.jpg" width="1160" height="400" alt="bandeau-yoga-en" /></div> </div> </body>