demo.html

<!DOCTYPE html>
<html>
<head>
<title>Title</title>
    <link rel="stylesheet" type="text/css" href="index.css">
   <link href="https://fonts.googleapis.com/css?family=Roboto:500,300" rel="stylesheet"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    

</head>

<body>
    <div class="social">
        <div id="sbutind"><img src="social.png" height="30px" width="30px"></div>
        <div id="sbutf"><p>f</p></div>
        <div id="sbuti"><p>In</p></div>
        <div id="sbuty"><p>Yt</p></div>
        <div id="sbutt"><p>t</p></div>
    
    </div>
    <div class="back">
        <div class="topbar">
            <div id="topbarblocks"><div id="navbut"><a href="index.html">HOME</a></div></div>
            <div id="topbarblocks"><div id="navbut"><a href="lectures.html">LECTURES</a></div></div>
            <div id="topbarblocks"><div id="navbut"><a href="tutorial.html">TUTORIAL</a></div></div>
            <div id="topbarblocks"><div id="navbut"><a href="contact.html">CONTACT</a></div></div>
        </div>
        <div id="intro">We provide resources customly designed for you so that you can improve your english quickly. </div>

        <div id="tag2">
            <div id="tag2text1">learn english</div><div id="slash">/</div><div id="tag2text2">absolutely free</div>
        </div>
    </div>
    
    <!-- second screen starts -->

    <div class="container">      
        
      <!-- <div id="ytlogo"><img src="playbut.png"></div>-->
        <h2>The future of learning is here </h2>
        <p>
        With state of art technologies of Machine learning and Artificial Intelligence, Project English is all set to give your dreams a new destination. Enjoy over 1000's of free videos and manuals.
        </p>
    </div> 

    
    <!-- third screen starts -->
    
    <div class="container">      
        <div class="quoteholder">
            <p>Knowledge, unless being practical, is no knowledge.</p>
        </div>
    </div>
    
     <!-- Footer note starts -->
    
    <div class="foot"><p>Photo by JESHOOTS.com from Pexels. Template by Ritwik and Ravi.</p> </div>
    
</body>

</html>