assignment3/index.html at master · tusharTri/assignment3 · 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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!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" href="css/styles.css">

	<title>assignment 3</title>
</head>
<body>
    <header class="nav-header">
    <nav id="header-nav" class="navbar navbar-default">
      <div class="container">
        <div class="navbar-header">
          <div class="navbar-brand"
            <p class="nav-brand">BEST SONGS</p>
          </div>

          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapsable-nav" aria-expanded="true">MENU</button>
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>

        <div id="collapsable-nav" class="collapse navbar-collapse">
           <ul id="nav-list" class="nav navbar-nav navbar-right visible-xs">
            <li class="text-center start-item">
              <a href="#start-div"><p class="item">FALLING</p></a>
              <hr class="visible-xs">
            </li>
            <li class="text-center mid-item">
              <a href="#mid-div"><p class="item">MEMORIES</p></a>
              <hr class="visible-xs">
            </li>
            <li class="text-center end-item">
              <a href="#end-div"><p class="item">ON MY WAY</p></a>
            </li>
          </ul>
        </div>
      </div>
    </nav>
  	</header>

	<h1 class="text-center">LYRICS</h1>

	<div class="row container container-fluid">
	<section class="col-lg-4 col-md-6 col-sm-12 col-xs-12" id="start-div">
	<div>
		<div id="start">
			FALLING
		</div>
		<p>

			My last made me feel like I would never try again
But when I saw you, I felt something I never felt
Come closer, I'll give you all my love
If you treat me right, baby, I'll give you everything
My last made me feel like I would never try again
But when I saw you, I felt something I never felt
Come closer, I'll give you all my love
If you treat me right, baby, I'll give you everything
Talk to me, I need to hear you need me like I need you
Fall for me, I wanna know you feel how I feel for you, love
Before you, baby, I was numb, drown the pain by pouring up
Speeding fast on the run, never want to get caught up
Now you the one that I'm calling
Swore that I'd never forget, don't think I'm just talking
I think I might go all in, no exceptions, girl, I need ya
Feeling like I'm out of my mind, 'cause I can't get enough
Only one that I give my time, 'cause I got time for ya
Might make an exception for ya, 'cause I been feeling ya
Think I might be out of my mind, I think that you're the one
</p>
	</div>
		</section>

	<section class="col-lg-4 col-md-6 col-sm-12 col-xs-12" id="mid-div">
		<div>
		<div id="mid">
			MEMORIES
		</div>
		<p>
			Here's to the ones that we got
Cheers to the wish you were here, but you're not
'Cause the drinks bring back all the memories
Of everything we've been through
Toast to the ones here today
Toast to the ones that we lost on the way
'Cause the drinks bring back all the memories
And the memories bring back, memories bring back you
There's a time that I remember, when I did not know no pain
When I believed in forever, and everything would stay the same
Now my heart feel like December when somebody say your name
'Cause I can't reach out to call you, but I know I will one day, yeah
Everybody hurts sometimes
Everybody hurts someday, ayy ayy
But everything gon' be alright
Go and raise a glass and say, ayy
Here's to the ones that we got
Cheers to the wish you were here, but you're not
'Cause the drinks bring back all the memories
Of everything we've been through
Toast to the ones here today
Toast to the ones that we lost on the way
'Cause the drinks bring back all the memories
And the memories bring back, memories bring back you
		</p>
		</div></section>

	<section class="col-lg-4 col-md-12 col-sm-12 col-xs-12" id="end-div">
		<div>
		<div id="end">
			ON MY WAY
		</div>
		<p>
			I'm sorry but
Don't wanna talk, I need a moment before I go
It's nothing personal
I draw the blinds
They don't need to see me cry
'Cause even if they understand
They don't understand
So then when I'm finished
I'm all 'bout my business and ready to save the world
I'm taking my misery
Make it my bitch; can't be everyone's favorite girl
So take aim and fire away
I've never been so wide awake
No, nobody but me can keep me safe
And I'm on my way
The blood moon is on the rise
The fire burning in my eyes
No, nobody but me can keep me safe
And I'm on my way
		</p></div>
		</section>

	</div>

	<script src="js/jquery-2.1.4.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
  	<script src="js/script.js"></script>
</body>
</html>