"wrc_timeline"
Bootstrap 3.3.0 Snippet by snippetpi

<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>

Related: See More


Questions / Comments: