Toggle navigation
Bootsnipp
Bootstrap
For
CSS Frameworks
Bootstrap
Foundation
Semantic UI
Materialize
Pure
Bulma
References
CSS Reference
Tools
Community
Page Builder
Form Builder
Button Builder
Icon Search
Dan's Tools
Diff / Merge
Color Picker
Keyword Tool
Web Fonts
.htaccess Generator
Favicon Generator
Site Speed Test
Snippets
Featured
Tags
By Bootstrap Version
4.1.1
4.0.0
3.3.0
3.2.0
3.1.0
3.0.3
3.0.1
3.0.0
2.3.2
Register
Login
"wrc_newsfeed"
Bootstrap 3.3.0 Snippet by
snippetpi
3.3.0
Preview
HTML
View Full Screen
Fork
Fork this
836
 
0 Fav
Post to Facebook
Tweet this
<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> <!-- https://www.youtube.com/watch?v=x1CSUYZV1R8 Coding Comunity Boxing Community Radio Community TV Community News Paper Community --> <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>Boxing Social Network</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 href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!-- Include the above in your HEAD tag ----------> <div class="navbar"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="#">White Rabbit Code Nation</a> <div class="nav-collapse"> <ul class="nav"> <li class="active"><a href="#">Home</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li class="nav-header">Nav header</li> <li><a href="#">Separated link</a></li> <li><a href="#">One more separated link</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li class="nav-header">Nav header</li> <li><a href="#">Separated link</a></li> <li><a href="#">One more separated link</a></li> </ul> </li> </ul> <ul class="nav pull-right"> <li class="divider-vertical"></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">JWay <img src="https://content-static.upwork.com/uploads/2014/10/02123010/profilephoto_goodcrop.jpg" width="32px" height="32px" class="img-circle" /> <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">View Profile</a></li> <li><a href="#">Edit Profile</a></li> <li><a href="#">Settings</a></li> <li class="divider"></li> <li><a href="#">Logout</a></li> </ul> </li> </ul> </div> </div> </div> </div> <div class="bs-example"> <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="https://yt3.ggpht.com/a/AGF-l79-InZ6jIKrU1Xps20sbuLNcb3pZAco2ZK5XQ=s48-mo-c-c0xffffffff-rj-k-no" class="img-circle" width="32" height="32" alt=""></p> <p><b>New Media Story:</b> Shakur Stevenson signs a Mega Million Dollar Deal with Online Boxing App Platform DAZN</p> <p> <img name="" src="https://photo.boxingscene.com/uploads/canelo-alvarez%20(2)_26.jpg" width="100%" height="300px" alt=""> </p> <p> <a href="#">#BOXING</a>, <a href="#">#NEWMEDIA</a>, <a href="#">#NEWS</a>, <a href="#">#BOXING</a> <a href="#">#CHANNEL</a> <a href="#">#BOXINGSOCIALNETWORK</a> </p> </div> <br /> <div class="list-group-item"> <p><img name="" src="https://yt3.ggpht.com/a/AGF-l78xc-5k2e4IyIF1zesI2-pcdbQ5jcPfeIoo=s48-mo-c-c0xffffffff-rj-k-no" class="img-circle" width="32" height="32" alt=""></p> <p><b>New Media Story:</b> Shakur Stevenson signs a Mega Million Dollar Deal with Online Boxing App Platform DAZN</p> <p> <img name="" src="https://specials-images.forbesimg.com/imageserve/5b149bb84bbe6f74868b761f/416x416.jpg?background=000000&cropX1=268&cropX2=2355&cropY1=234&cropY2=2323" width="100%" height="300px" alt=""> </p> <p> <a href="#">#BOXING</a>, <a href="#">#NEWMEDIA</a>, <a href="#">#NEWS</a>, <a href="#">#BOXING</a> <a href="#">#CHANNEL</a> <a href="#">#BOXINGSOCIALNETWORK</a> </p> </div> <br /> <div class="list-group-item"> <p><img name="" src="https://yt3.ggpht.com/a/AGF-l7_VTqEqOV3rCYF7uB4tCRHDB__neCRWX7OuUQ=s48-mo-c-c0xffffffff-rj-k-no" class="img-circle" width="32" height="32" alt=""></p> <p><b>New Media Story:</b> Shakur Stevenson signs a Mega Million Dollar Deal with Online Boxing App Platform DAZN</p> <p> <img name="" src="https://cdn.vox-cdn.com/thumbor/8UrOSH3CnvNe7G1TWB0yG1Y9nxM=/0x0:3418x2275/1200x800/filters:focal(1436x865:1982x1411)/cdn.vox-cdn.com/uploads/chorus_image/image/52175035/usa_today_9490934.0.jpeg" width="100%" height="300px" alt=""> </p> <p> <a href="#">#BOXING</a>, <a href="#">#NEWMEDIA</a>, <a href="#">#NEWS</a>, <a href="#">#BOXING</a> <a href="#">#CHANNEL</a> <a href="#">#BOXINGSOCIALNETWORK</a> </p> </div> <br /> <div class="list-group-item"> <p><img name="" src="https://yt3.ggpht.com/a/AGF-l7_3V9y5m1zRxrPChcUTHz5WcWmFPczvG9ZUDA=s48-mo-c-c0xffffffff-rj-k-no" 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://fightnights.com/uploads/Abner-Mares.jpg" width="100%" height="300px" alt=""> </p> <p> <a href="#">#BOXING</a>, <a href="#">#NEWMEDIA</a>, <a href="#">#NEWS</a>, <a href="#">#BOXING</a> <a href="#">#CHANNEL</a> <a href="#">#BOXINGSOCIALNETWORK</a> </p> </div> <br /> <div class="list-group-item"> <p><img name="" src="https://yt3.ggpht.com/a/AGF-l7--V5AxAIpAWtFAXK0ETYqTNpiNIkFg_CSBWA=s48-mo-c-c0xffffffff-rj-k-no" 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="https://sportshub.cbsistatic.com/i/r/2018/07/31/3372b33a-64fc-4d37-b14b-a3a87f2c6e29/thumbnail/770x433/d0a07c9955ff08d97d0c4a5da86ca1b5/mikey-garcia.jpg" width="100%" height="300px" alt=""> </p> <p> <a href="#">#BOXING</a>, <a href="#">#NEWMEDIA</a>, <a href="#">#NEWS</a>, <a href="#">#BOXING</a> <a href="#">#CHANNEL</a> <a href="#">#BOXINGSOCIALNETWORK</a> </p> </div> </div> <div class="col-md-3"> <div class="list-group-item" style="height:300px;"> <h6>Advertisement</h6> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- design_demo1 --> <ins class="adsbygoogle" style="display:inline-block;width:250px;height:250px" data-ad-client="ca-pub-5736840259776026" data-ad-slot="7730449191"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <br /> <div class="list-group-item" style="height:130px;"> <div class="col-md-4"> <img src="https://content-static.upwork.com/uploads/2014/10/02123010/profilephoto_goodcrop.jpg" clas="img-circle" height="32px" width="32px" /> </div> <div class="col-md-4"> <p></p>BSN Premium <br /> monthly Coins</p> </div> <div class="col-md-4"> <a href="#" class="btn btn-info btn-sm"> try now </a> </div> </div> <br /> <div class="list-group-item" style="height:300px;"> <h6><b>TRENDING COMMUNITIES</b></h6> <div class="col-md-12"> <div class="col-md-4"> <img src="https://content-static.upwork.com/uploads/2014/10/02123010/profilephoto_goodcrop.jpg" class="img-circle" width="32px" height="32px" /> </div> <div class="col-md-4"> <h6>Mayfactr</h6> 321k </div> <div class="col-md-4"> <div class="btn btn-primary btn-sm">JOIN </div> </div> </div> <div class="col-md-12"> <div class="col-md-4"> <img src="https://content-static.upwork.com/uploads/2014/10/02123010/profilephoto_goodcrop.jpg" class="img-circle" width="32px" height="32px" /> </div> <div class="col-md-4"> <h6>Rise High</h6> 321k </div> <div class="col-md-4"> <div class="btn btn-primary btn-sm">JOIN </div> </div> </div> <div class="col-md-12"> <div class="col-md-4"> <img src="https://content-static.upwork.com/uploads/2014/10/02123010/profilephoto_goodcrop.jpg" class="img-circle" width="32px" height="32px" /> </div> <div class="col-md-4"> <h6>Author1</h6> 321k </div> <div class="col-md-4"> <div class="btn btn-primary btn-sm">JOIN </div> </div> </div> </div> <br /> <div class="list-group-item" style="height:300px;"> <h6>Advertisement</h6> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- design_demo1 --> <ins class="adsbygoogle" style="display:inline-block;width:250px;height:250px" data-ad-client="ca-pub-5736840259776026" data-ad-slot="7730449191"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <br /> <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
Template
Vue Now UI Dashboard PRO
Questions / Comments:
Post
Posting Guidelines
Formatting
- Now
×
Close
Donate
BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76