Band/about.php at master · nithyamn/Band · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!--li pe hover
inline kar article-->
<!--SEO has been implemented on this page-->
<!DOCTYPE html>
<html>

    <head>

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>The Rock Band</title>

        <!--[if lt IE 9]>
        <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <!--Custom CSS-->
        <link href="css/band.css" type="text/css" rel="stylesheet">

    </head>

    <body>
       <h1 id="the-band">The Rock Band</h1>

        <header>
            <nav>
                <div class="clearfix">
                    <ul id="head-li">
                        <li id="home"><a href="home.php">Home</a></li>
                        <li><a href="about.php">About</a></li>
                        <li id="band-name">The Rock Band</li>
                        <li><a href="show.php">Show</a></li>
                        <li><a href="register.php">Register</a></li>
                    </ul>
                </div>
            </nav>
        </header>


<!--Div 2: About-->
        <div class="fonts" id="about">
            <h2 id="the-band">The Band</h2>
            <p>We love music</p>
            <p id="content">Do labore laboris mandaremus, quamquam labore expetendis ullamco qui ad in
                philosophari qui anim senserit ad cernantur id possumus quid quae senserit irure
                o se a nulla velit duis iis vidisse minim se mandaremus praesentibus, incididunt
                comprehenderit ubi deserunt. Commodo noster aute nam tamen. Nam mentitum
                exquisitaque. Hic aut distinguantur, te quae exercitation de cupidatat enim an
                excepteur voluptatibus, aliquip te sunt iudicem ab aliquip cohaerescant sed
                consequat ea proident lorem nostrud ut iis noster despicationes, pariatur dolore
                ex mentitum reprehenderit. Tamen cohaerescant expetendis nulla vidisse nam
                doctrina id senserit, illum nostrud comprehenderit an ita labore anim ita
                cupidatat.</p>

            <div id="pics">
                <figure>
                    <figcaption>NITHYA</figcaption>
                    <img src="Images/bandmember.jpg" width="150" height="150" alt="bandmember" id="nithya">
                    <p class="band-mem-info" id="nit">Name:Nithya<br/>Role:Vocalist</p>
                </figure>
                 <figure>
                     <figcaption>RAHUL</figcaption>
                    <img src="Images/bandmember.jpg" width="150" height="150" alt="bandmember" id="hasti">
                    <p class="band-mem-info" id="has">Name:Rahul<br/>Role:Guitarist</p>
                </figure>
                 <figure>
                     <figcaption>ALEKH</figcaption>
                    <img src="Images/bandmember.jpg" width="150" height="150" alt="bandmember" id="ridhi">
                    <p class="band-mem-info" id="rid">Name:Alekh<br/>Role:Drummer</p>
                </figure>
            </div>
        </div>

<!--Copyright info-->
         <div class="random-data">
             <p>Powered by <a href="">KJSCE</a></p>
        </div>
    </body>
</html>