index.html

<!doctype html>

<html>

<head>
<title>five stars</title>
<link href="style.css"  type="text/css"  rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Macondo|Pacifico|Eagle Lake|Dosis|Amatic SC" type="text/css"  rel="stylesheet">
</head>

<body>

<div class="main">
<img src="https://fivestarsoda.files.wordpress.com/2015/09/fivestarsoda_fivestars.png?w=640&h=256" />
<h1>Introduction</h1>
<p>Five Stars is a non-profitable organisation . The purpose of this organisation is to inhibit and enhance the
      respect of family, religion in ones personality, as in nowadays world, everyone is becoming workaholic. So
      as to release tension and let people spend some time of their life with their loved ones. The organisation
      also makes one aware about their neighbours and try to strenghten freindship amongst them. This organisation
      started in the month of october in the year 2015 and organised its first event on 22nd of october. Since then it was active
      till the month of april 2016. For these 5 months many meetings were held, events took place. </br></br>
      After a time gap of 14 months five star is once again back to create new history, new records, to make festivals, holidays  more special.  </p>
<div>

<div class="button">
<h3>members</h3>
</div>

<div class="mem">
<h2>Five Stars members are:-</h2>
<ul">
<li>Pranav</li>
<li>Deepanshu</li>
<li>Saurabh</li>
<li>Janvi</li>
<li>Ananya</li>
</ul>
</div>

<div class="button">
<h3>events</h3>
</div>

<div class="eve">
<h2>Some events organised by this committee are as follows:-</h2>
<ol>
<li>Dusshera</li>
<li>Christmas</li>
<li>The Break</li>
</ol>
</div>

<div class="button" id="pics">
  <h3> visit gallery</h3>

</div>


<script src='https://code.jquery.com/jquery-3.1.0.js'> </script>
<script src='javas.js'> </script>

</body>

</html>