't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body data-spy="scroll" data-target="#menu-section">
<!--MENU SECTION START-->
<div class="navbar navbar-inverse navbar-fixed-top scroll-me" id="menu-section" >
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#" style="font-size:150%;">

WorldWideVibes
</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">HOME</a></li>
<li><a href="music.html">MUSIC</a></li>
<li><a href="butterfly.html">POETRY</a></li>
<li><a href="photography.html">PHOTOGRAPHY</a></li>
<li><a href="visualart.html">VISUAL ART</a></li>
<li><a href="index.html">VIBES</a></li>
<li><a href="#contact">CONTACT</a></li>
<li><a href="cool.html">LOGIN</a></li>
</ul>
</div>
</div>
</div>
<!--MENU SECTION END-->
</body>
<!--HOME SECTION START-->


<div id="home"> 
<div class="container">
<div class="row">
<div class="col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2 col-lg-8 col-lg-offset-2 ">
<div id="carousel-slider" data-ride="carousel" class="carousel slide  animate-in" data-anim-type="fade-in-up">

<div class="carousel-inner">
<div class="item active">

<h3 style="font-size: Poiret One">
WELCOME TO MUSIC!
</h3>
<p>
A place where you can express your opinions of songs!
</p>
</div>
<div class="item">
<h3>
Don't be afraid to share your opinion!
</h3>
<p>
Other people most likely feel the same way!
</p>
</div>

</div>


</div>


</div>
</div>
<div class="row animate-in" data-anim-type="fade-in-up">
<div class="col-sm-6 col-sm-offset-3 col-md-6 col-md-offset-3 col-lg-8 col-lg-offset-2 scroll-me">

</div>
</div>
</div>

</div>
<!--HOME SECTION END-->
<!--MUSIC SECTION START-->
<section id="music" >
<div class="container">
<div class="row text-center header">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 animate-in" data-anim-type="fade-in-up">
<h3 style="font-size:40px"; style="color:rgba(0, 0, 255)";> TODAY'S HITS</h3>
<hr />
</div>
</div>
<div class="row">
  <div class="col-md-6"><div id="boxes1"
	class="col-xs-12 col-sm-4 col-md-4 col-lg-4"
	class="services-wrapper">
		<h3 style="font-size:30px";>
 <a href=https://www.youtube.com/watch?v=HHP5MKgK0o8>Kill Em With Kindess by <NAME></a></h3>
	<p style="font-size:25px";>I love the direction that <NAME> has gone with this song. The message behind this song is portrayed in an effective way. She’s trying to say that instead of treating someone who mistreated you poorly, you need to take the high road and be kind to them instead, something they wouldn’t expect. The beat during the chorus is also something that makes the song fun and nice to dance to.  
</p>
	<br>
	</div></div>
	<div class="col-md-6"><div id="boxes1"
	class="col-xs-12 col-sm-4 col-md-4 col-lg-4"
	class="services-wrapper">
		<h3 style="font-size:30px";><a href=https://www.youtube.com/watch?v=a59gmGkq_pw
>Cold Water by Major Lazer feat. <NAME> & MØ</a></h3>
	<p style="font-size:25px";>The song is very catchy and makes me want to move around. The song starts off calm and then during the chorus, the song does a 360 and makes you want to get up and dance. I love these types of songs because of the variety within them. 
</p>
	<br>
<!-- </div></div>
	<div class="col-md-6"><div id="boxes2"
	class="col-xs-12 col-sm-4 col-md-4 col-lg-4"
	class="services-wrapper">
		<h3 style="font-size:30px";> <a href=> </a></h3>
	<p style="font-size:25px";></p>
	<br>
	</div></div>
	<div class="col-md-6"><div id="boxes2"
	class="col-xs-12 col-sm-4 col-md-4 col-lg-4"
	class="services-wrapper">
		<h3 style="font-size:30px";><a href=></a></h3>
	<p style="font-size:25px";></p>
	<br>
	</div></div> -->
	
  
</div>

</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<div class="services-wrapper">


</div>
</div>

<div class="services-wrapper">
<i class="ion-pinpoint"></i>

</div>
</div>
</div>
</div>
</section>
<!--MUSIC SECTION END-->
<!--POETRY SECTION START-->
<section id="poetry" >
<div class="container">

<div class="row text-center header animate-in" data-anim-type="fade-in-up">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<h3><a style="font-size:40px";>FIRST LISTENS</a></h3>
<hr />
</div>
</div>
<div class="row">
  <div class="col-md-6"><div id="boxes3"
	class="col-xs-12 col-sm-4 col-md-4 col-lg-4"
	class="services-wrapper">
		<h3 style="font-size:30px";>

<a href=https://www.youtube.com/watch?v=Wi1KU52Or70>Zedd  feat. <NAME> and <NAME> - Find You (Basic Physics Remix)</a></h3>
	<p style="font-size:25px";>I typically don’t listen to EDM, but a friend suggested it to me so I decided to give it a listen. Zedd is known for remixing songs and adding sick beats to them. A good example is this song. It made me literally get out of my chair and start moving. It’s various beats kept me entertained throughout the whole 5 minutes and 52 seconds of the song. 
</p>
	<br>
	</div></div>
	<div class="col-md-6