<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="home.css">
<title>HOME | smooTHIE</title>
</head>
<body>
<a id="home">
<a href="main.html"><img class="menu" src="logo.png" width="600" style="margin-left: -30px;"></a>
<!--
<div style="font-size: 30px; text-align: right; margin-top: -225px; margin-right: 20px;font-family: arial;"> <a class="recipess" href="fruits.html" >RECIPES</a> | <a class="aboutt" href="main.html">HOME</a> </div>
-->
<div style=" margin-top: -200px; margin-left: 1100px; " >
<ul class="">
<li class="recipess" style="font-size: 20px; background-color: beige;"><a class="recipess" href="fruits.html" >RECIPES</a></li>
<li class="aboutt" style="font-size: 20px; background-color: beige;"><a class="aboutt" href="about.html">ABOUT</a></li>
</ul>
</div>
<div style="text-align: center; margin-left: 290px; margin-top: 250px; border-width:20px; border-radius: 100px; background-color: gray; position: absolute; font-size: 25px; height: 200px; width: 800px; " ><p style="margin-top: 50px; font-size: 25px; color: white; font-family: Bauhaus 93;">WELCOME to the place where you will find delicious, healthy and simple guide in making your nutritious thirst quencher. We used natural fruit, fresh from the market.</p></div>
<div align="center" ><a href="#video"><img src="down.png" width="100" align="center" style="margin-top: 500px; transition: all 1s ease;"></a></div>
<div class="homevideo" align="center" style="margin-top: 500px; border-radius: 100px; background-color: gray; padding: 20px; height: 480px; width: 800px; margin-left: 290px; border-bottom: 20px; "><p id="video"></p>
<video width="700" style="margin-top: 30px;" loop="true" autoplay="true" autobuffer="true" >
<source src="homevideo.mp4" type="video/mp4">
</video>
</p></div>
<pre style="background-color: beige; border: 0px;">
</pre>
<div align="center" ><a href="#home"><img src="up.png" width="100" align="center" style="margin-top: 10px; transition: all 1s ease;"></a></div>
<pre style="background-color: beige; border: 0px;">
</pre>
<div style='text-align: right;position: fixed;z-index:9999999;bottom: 0; width: 100%;cursor: pointer;line-height: 0;display:block !important;'><a title="Hosted on free web hosting phc.onl/#forbidden#. Host your own website for FREE." target="_blank" href="https://www.phc.onl/#forbidden#/?utm_source=000webhostapp&utm_campaign=000_logo&utm_medium=website_cherrymobileq6i&utm_content=footer_img"><img src="https://cdn.rawgit.com/000webhost/logo/e9bd13f7/footer-powered-by-000webhost-white2.png" alt="www.phc.onl/#forbidden#"></a></div></body>
</html>