<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<!--
user prifle
https://bootsnipp.com/snippets/qrxZ0
best one
https://bootsnipp.com/snippets/3kD3D
-->
<html lang="en">
<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>White Rabbit Code Nation</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style type="text/css">
.carousel{
background: #2f4357;
margin-top: 20px;
}
.carousel .item{
min-height: 280px; /* Prevent carousel from being distorted if for some reason image doesn't load */
}
.carousel .item img{
margin: 0 auto; /* Align slide image horizontally center */
}
.bs-example{
margin: 20px;
}
</style>
</head>
<body style="background-color:#F5F5F5;">
<link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css'>
<div class="wrapper">
<div class="container">
<div class="row1" >
<div class="col-md-12">
<header id="header" >
<div class="slider">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="" role="listbox">
<div class="">
<img src="http://myradiospace.com/Album-Art/user_cover/658240.jpg" width="100%">
</div>
</div>
<!-- Controls
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="fa fa-angle-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="fa fa-angle-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>-->
</div>
</div><!--slider-->
<nav class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mainNav">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand1" href="#"><img class="img-responsive" src="http://myradiospace.com/Album-Art/user_images/116972.jpg" height="300" width="300"></a>
<span class="site-name"><b>Sam Clyde</b> Band</span>
<span class="site-description">artist</span>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="mainNav" >
<ul class="nav main-menu navbar-nav">
<li><a href="activity.php">ACTIVITY</a></li>
<li><a href="music.php">MUSIC</a></li>
<li><a href="video.php">VIDEOS</a></li>
<li><a href="business.php">ENDOREMENTS</a></li>
<li><a href="fans.php">FANS</a></li>
<li><a href="blog.php">BLOG</a></li>
<li><a href="articles.php">ARTICLES</a></li>
<li><a href="fans.php">TWITTER</a></li>
<li><a href="fans.php">FACEBOOK</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="connect.php"> <i class="fa fa-user-circle-o btn btn-primary btn-sm"> CONNECT</i> </a></li>
<li><div class="sharethis-inline-share-buttons"></div></li>
</ul>
</div><!-- /.navbar-collapse -->
</nav>
</header><!--/#HEADER-->
<style>
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,400,700);
body{
background:#e9eaed;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Open Sans Condensed', sans-serif, sans-serif;
}
.container{
width:100%;
}
.wrapper{
}
#header{
border:1px solid #ddd;
margin-bottom:20px;
}
.navbar1{
border-radius:0;
margin-bottom:0;
border:none;
font-family: 'Open Sans Condensed', sans-serif, sans-serif;
}
.navbar > li >a{
}
.navbar-header{
}
.navbar-brand1{
width:160px;
height:160px;
float:left;
padding:0;
margin-top:-130px;
overflow:hidden;
border:3px solid #eee;
margin-left:15px;
background:#333;
text-align:center;
line-height:160px;
color:#fff !important;
font-size:2em;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out ;
}
.site-name{
color:#fff;
font-size:2.4em;
float:left;
margin-top:-75px !important;
margin-left:15px;
font-family: 'Open Sans Condensed', sans-serif, sans-serif;
}
.site-description{
color:#fff;
font-size:1.3em;
float:left;
margin-top:-30px !important;
margin-left:15px;
}
.main-menu{
position:absolute;
left:190px;
}
.slider, .carousel{
max-height:360px;
overflow:hidden;
}
.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right {
position: absolute;
top: 50%;
font-size:2em;
z-index: 5;
display: inline-block;
}
.carousel-control{
background-color:transparent;
background-image:none !important;
}
.carousel-control:hover,
.carousel-control:focus {
color: #fff;
text-decoration: none;
background-color:transparent !important;
background-image:none !important;
outline: 0;
}
@media (max-width: 768px) {
.navbar-brand1{
max-width: 100px;
max-height:100px;
float:left;
margin-top:-65px;
margin-left:15px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out ;
}
.navbar1{
border-radius:0;
margin-bottom:0;
border:none;
}
.main-menu{
left:0;
position:relative;
}
}
@media (max-width: 490px) {
.site-name{
color:#fff;
font-size:1.5em;
float:left;
line-height:20px;
margin-top:-110px !important;
margin-left:125px;
}
.site-description{
color:#fff;
font-size:1.3em;
float:left;
margin-top:-80px !important;
margin-left:125px;
}
}
.imgfix{
width: 80px;
height: 80px;
}
</style>
<style>
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,400,700);
body{
background:#e9eaed;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Open Sans Condensed', sans-serif, sans-serif;
}
.container{
}
.wrapper{
}
#header{
border:1px solid #ddd;
margin-bottom:20px;
}
.navbar{
border-radius:0;
margin-bottom:0;
border:none;
font-family: 'Open Sans Condensed', sans-serif, sans-serif;
}
.navbar > li >a{
}
.navbar-header{
}
.navbar-brand{
width:160px;
height:160px;
float:left;
padding:0;
margin-top:-130px;
overflow:hidden;
border:3px solid #eee;
margin-left:15px;
background:#333;
text-align:center;
line-height:160px;
color:#fff !important;
font-size:2em;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out ;
}
.site-name{
color:#fff;
font-size:2.4em;
float:left;
margin-top:-65px !important;
margin-left:15px;
font-family: 'Open Sans Condensed', sans-serif, sans-serif;
}
.site-description{
color:#fff;
font-size:1.3em;
float:left;
margin-top:-30px !important;
margin-left:15px;
}
.main-menu{
position:absolute;
left:190px;
}
.slider, .carousel{
max-height:360px;
overflow:hidden;
}
.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right {
position: absolute;
top: 50%;
font-size:2em;
z-index: 5;
display: inline-block;
}
.carousel-control{
background-color:transparent;
background-image:none !important;
}
.carousel-control:hover,
.carousel-control:focus {
color: #fff;
text-decoration: none;
background-color:transparent !important;
background-image:none !important;
outline: 0;
}
@media (max-width: 768px) {
.navbar-brand{
max-width: 100px;
max-height:100px;
float:left;
margin-top:-65px;
margin-left:15px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out ;
}
.navbar{
border-radius:0;
margin-bottom:0;
border:none;
}
.main-menu{
left:0;
position:relative;
}
}
@media (max-width: 490px) {
.site-name{
color:#fff;
font-size:1.5em;
float:left;
line-height:20px;
margin-top:-100px !important;
margin-left:125px;
}
.site-description{
color:#fff;
font-size:1.3em;
float:left;
margin-top:-80px !important;
margin-left:125px;
}
}
</style>
<div class="bs-example">
<a class="carousel-control left" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
</div>
<div class="col-md-3">
<!-- New Media Press, Promotion, TV, Radio, News Paper
https://wrapbootstrap.com/theme/newshub-news-magazine-template-WB037B6R2
-->
<div class="list-group-item">
NEW MEMBERS
</div>
<div class="list-group-item">
<a href="mrbsn"><img name="" src="https://content-static.upwork.com/uploads/2014/10/02123010/profilephoto_goodcrop.jpg" width="65" height="65" alt=""></a>
<img name="" src="https://content-static.upwork.com/uploads/2014/10/02123010/profilephoto_goodcrop.jpg" width="65" height="65" alt="">
<img name="" src="https://content-static.upwork.com/uploads/2014/10/02123010/profilephoto_goodcrop.jpg" width="65" height="65" alt="">
<img name="" src="https://content-static.upwork.com/uploads/2014/10/02123010/profilephoto_goodcrop.jpg" width="65" height="65" alt="">
<img name="" src="https://content-static.upwork.com/uploads/2014/10/02123010/profilephoto_goodcrop.jpg" width="65" height="65" alt="">
<img name="" src="https://content-static.upwork.com/uploads/2014/10/02123010/profilephoto_goodcrop.jpg" width="65" height="65" alt="">
<img name="" src="https://content-static.upwork.com/uploads/2014/10/02123010/profilephoto_goodcrop.jpg" width="65" height="65" alt="">
<img name="" src="https://content-static.upwork.com/uploads/2014/10/02123010/profilephoto_goodcrop.jpg" width="65" height="65" alt="">
<img name="" src="https://content-static.upwork.com/uploads/2014/10/02123010/profilephoto_goodcrop.jpg" width="65" height="65" alt="">
<img name="" src="https://content-static.upwork.com/uploads/2014/10/02123010/profilephoto_goodcrop.jpg" width="65" height="65" alt="">
<img name="" src="https://content-static.upwork.com/uploads/2014/10/02123010/profilephoto_goodcrop.jpg" width="65" height="65" alt="">
<img name="" src="https://content-static.upwork.com/uploads/2014/10/02123010/profilephoto_goodcrop.jpg" width="65" height="65" alt="">
</div>
<br />
<div class="list-group-item">
NEW CHANNELS
</div>
<div class="list-group-item">
<a href="channel"><img name="" src="https://yt3.ggpht.com/a/AGF-l7_3V9y5m1zRxrPChcUTHz5WcWmFPczvG9ZUDA=s48-mo-c-c0xffffffff-rj-k-no" width="65" height="65" alt=""></a>
<img name="" src="https://yt3.ggpht.com/a/AGF-l7_VTqEqOV3rCYF7uB4tCRHDB__neCRWX7OuUQ=s48-mo-c-c0xffffffff-rj-k-no" width="65" height="65" alt="">
<img name="" src="https://yt3.ggpht.com/a/AGF-l7--V5AxAIpAWtFAXK0ETYqTNpiNIkFg_CSBWA=s48-mo-c-c0xffffffff-rj-k-no" width="65" height="65" alt="">
<img name="" src="https://yt3.ggpht.com/a/AGF-l78xc-5k2e4IyIF1zesI2-pcdbQ5jcPfeIoo=s48-mo-c-c0xffffffff-rj-k-no" width="65" height="65" alt="">
<img name="" src="https://yt3.ggpht.com/a/AGF-l79-InZ6jIKrU1Xps20sbuLNcb3pZAco2ZK5XQ=s48-mo-c-c0xffffffff-rj-k-no" width="65" height="65" alt="">
<img name="" src="https://yt3.ggpht.com/a/AGF-l785cH5JoEYYWp6N7DsC8lCes1XkBSZ2zjdvHQ=s48-mo-c-c0xffffffff-rj-k-no" width="65" height="65" alt="">
<img name="" src="https://yt3.ggpht.com/a/AGF-l7-17MkvlO_LbPTqqBEjEY31kp3JGTNGUGAe0Q=s48-mo-c-c0xffffffff-rj-k-no" width="65" height="65" alt="">
<img name="" src="https://yt3.ggpht.com/a/AGF-l7_-5JyylgEEjTPYrB44_amvWjL2fon7FcZcdQ=s48-mo-c-c0xffffffff-rj-k-no" width="65" height="65" alt="">
</div>
<br />
<br />
<div class="list-group-item">
<b>TOP 5 POUND 4 POUND LIST DEMO</b>
</div>
<div class="list-group-item">
1. Terrance Crawford
</div>
<div class="list-group-item">
2. Anthony Joshua
</div>
<div class="list-group-item">
3. Errol Spence Jr
</div>
<div class="list-group-item">
4. Keith Thurman
</div>
<div class="list-group-item">
5. Floyd Mayweather
</div>
<br />
<div class="list-group-item">
Boxing Event
<img src="https://1284474717.rsc.cdn77.org/wp-content/uploads/2019/03/garcia-granados.jpg" width="100%" height="250px" />
<span style="font-size:9px;" id="count-existing"> Garcia vs Granados</span>
</div>
<br />
<div class="list-group-item">
Boxing Event
<img src="https://scontent-sea1-1.cdninstagram.com/vp/172f69334089349f41d6317bb6f31563/5D1ABF08/t51.2885-15/e35/51691397_260315641556570_7500999084467705308_n.jpg?_nc_ht=scontent-sea1-1.cdninstagram.com&ig_cache_key=MTk4ODQxOTI1OTA4ODMxNTgyMA%3D%3D.2" width="100%" height="250px" />
</div>
<br />
<div class="list-group-item">
Boxing Event
<img src="https://i.axs.com/2019/02/canelo-alvarez-vs-danny-jacobs-tickets_05-04-19_17_5c6fa53a5f89e.jpg" width="100%" height="250px" />
</div>
<br/>
<div class="list-group-item">
<b>Network News Feed</b>
</div>
<div class="list-group-item">
ESPN: Miller Fails 4 Test
</div>
<div class="list-group-item">
Fox Sports: GGG Fires Trainer Abel Santez
</div>
</div>
<div class="col-md-6">
<div class="list-group-item">
<p><img name="" src="http://oxnardsalsafestival.com/wp-content/uploads/2015/05/LW-603-p28-partner-profile.jpg" class="img-circle" width="32" height="32" alt=""></p>
<p><b>Hot Code!!!!:</b> Check out this TRENDING DESIGN</p>
<p>
<img name="" src="https://i.pinimg.com/originals/8c/33/da/8c33da87eefa0c83f75858044cefcc5f.jpg" width="100%" height="300px" alt="">
</p>
<div class="card-footer">
<a href="#" class="card-link"><i class="fa fa-gittip"></i> Like</a>
<a href="#" class="card-link"><i class="fa fa-comment"></i> Comment</a>
<a href="#" class="card-link"><i class="fa fa-mail-forward"></i> Share</a>
</div>
<br /><br />
<p>
<a href="#">#HTML</a>, <a href="#">#PHP</a>, <a href="#">#NEWS</a>, <a href="#">#FULLSTACK</a> <a href="#">#CHANNEL</a> <a href="#">#CODING</a>
</p>
</div>
<br />
<div class="list-group-item">
<p><img name="" src="https://pbs.twimg.com/profile_images/880811180071284736/TH5uaPV8_400x400.jpg" class="img-circle" width="32" height="32" alt=""></p>
<p><b>Payday with DAZN:</b> Congrats to Full-Stack Developer landing a Million Dollar Design Contract with DAZN</p>
<p>
<img name="" src="https://i.ytimg.com/vi/50Twc4ghBFM/maxresdefault.jpg" width="100%" height="300px" alt="">
</p>
<p>
<a href="#">#HTML</a>, <a href="#">#PHP</a>, <a href="#">#NEWS</a>, <a href="#">#FULLSTACK</a> <a href="#">#CHANNEL</a> <a href="#">#CODING</a>
</p>
</div>
<br />
<div class="list-group-item">
<p><img name="" src="http://oxnardsalsafestival.com/wp-content/uploads/2015/05/LW-603-p28-partner-profile.jpg" class="img-circle" width="32" height="32" alt=""></p>
<p><b>Prospect Developer:</b> Contrats on your first Sale </p>
<p>
<img name="" src="http://airlinefiesta.com/wp-content/uploads/photoshop-tutorials-web-design-layout-20-high-quality-photoshop-web-design-tutorials.jpg" width="100%" height="300px" alt="">
</p>
<p>
<a href="#">#HTML</a>, <a href="#">#PHP</a>, <a href="#">#NEWS</a>, <a href="#">#FULLSTACK</a> <a href="#">#CHANNEL</a> <a href="#">#CODING</a>
</p>
</div>
<br />
<div class="list-group-item">
<p><img name="" src="http://oxnardsalsafestival.com/wp-content/uploads/2015/05/LW-603-p28-partner-profile.jpg" class="img-circle" width="32" height="32" alt=""></p>
<p>BREAKING NEWS: GARY RUSSELL JR. CALLED OUT BY FORMER FEATHER CHAMPION ABNER MARES, " I'LL FIGHT YOU</p>
<p>
<img name="" src="http://airlinefiesta.com/wp-content/uploads/photoshop-tutorials-web-design-layout-20-high-quality-photoshop-web-design-tutorials.jpg" width="100%" height="300px" alt="">
</p>
<p>
<a href="#">#HTML</a>, <a href="#">#PHP</a>, <a href="#">#NEWS</a>, <a href="#">#FULLSTACK</a> <a href="#">#CHANNEL</a> <a href="#">#CODING</a>
</p>
</div>
<br />
<div class="list-group-item">
<p><img name="" src="http://oxnardsalsafestival.com/wp-content/uploads/2015/05/LW-603-p28-partner-profile.jpg" class="img-circle" width="32" height="32" alt=""></p>
<p>MIKEY GARCIA ADMITS NO LOMACHENKO FIGHT NOW AND REVEALS RETURN DATES</p>
<p>
<img name="" src="http://airlinefiesta.com/wp-content/uploads/photoshop-tutorials-web-design-layout-20-high-quality-photoshop-web-design-tutorials.jpg" width="100%" height="300px" alt="">
</p>
<p>
<a href="#">#HTML</a>, <a href="#">#PHP</a>, <a href="#">#NEWS</a>, <a href="#">#FULLSTACK</a> <a href="#">#CHANNEL</a> <a href="#">#CODING</a>
</p>
</div>
</div>
<div class="col-md-3">
<div class="list-group-item">
<img name="" src="https://3furlongsout.files.wordpress.com/2017/02/advertise-here-now.gif?w=300" width="100%" height="300px" alt="">
</div>
<br />
<div class="list-group-item">
<b>BSN: Questions of the Month</b>
</div>
<div class="list-group-item">
How hard does manny pacquiao hit?
</div>
<div class="list-group-item">
How fast is manny pacquiao?
</div>
<div class="list-group-item">
How fast is Zab Super Judah?
</div>
<div class="list-group-item">
Why is GGG not going for a belt to force a match with Cancelo vs GGG 3 for undesputed?
</div>
<div class="list-group-item">
Why is the bigger fighter demetrius andrade challenging Errol Spence Jr indead of GGG who is in his own Division?
</div>
<div class="list-group-item">
☎️Has Eddie Hearn Failed Dillian Whyte with No AJ?
</div>
<div class="list-group-item">
Can you hear the real truth from Eddie Hearn listening close?
</div>
<br />
<!--
<div class="list-group-item">
<img name="" src="https://3furlongsout.files.wordpress.com/2017/02/advertise-here-now.gif?w=300" width="100%" height="300px" alt="">
</div>
<br />
<div class="list-group-item">
<img name="" src="https://3furlongsout.files.wordpress.com/2017/02/advertise-here-now.gif?w=300" width="100%" height="300px" alt="">
</div>
<br />
-->
</div>
</body>
</html>
