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
"boxing_features"
Bootstrap 4.1.1 Snippet by
snippetpi
4.1.1
Preview
HTML
View Full Screen
Fork
Fork this
792
 
0 Fav
Post to Facebook
Tweet this
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/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 ----------> <link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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> <html lang="en"> <head> <!-- https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/index.html#L95 --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content="A Social Network powered by New Media thinking and reporting "Don't Fall for the hanging fruit, reach higher""> <meta name="author" content="MayFactr"> <title>Scrolling Nav - Start Bootstrap Template</title> <!-- Bootstrap core CSS --> <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <!-- Custom styles for this template --> <link href="css/scrolling-nav.css" rel="stylesheet"> </head> <body style="background-color: lightblue;"> <!-- Start of Navbar --> Nav Menu <!-- End of Navbar --> <br /><br /> <!-- Start of Navbar --> Profile Header<br /> Menu items: Activity About <!-- End of Navbar --> <div class="col-md-12" style="margin-top:60px;"> <div class="col-md-3"> <div class="list-group-item"> ERROL SPENCE JR <img src="https://cdn2.iconfinder.com/data/icons/boxing/500/Boxing_6-512.png" class="img-circle" width="20px" height="20px" /> </div> <div class="list-group-item"> SKILL RATING: 92 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> CHIN: 82 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> POWER: 72 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> STANIMA: 82 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> SPEED: 82 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> IQ: 82 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <br /> <div class="list-group-item"> MICKEY GARCIA <img src="https://cdn2.iconfinder.com/data/icons/boxing/500/Boxing_6-512.png" class="img-circle" width="20px" height="20px" /> </div> <div class="list-group-item"> SKILL RATING: 82 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> CHIN: 90 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> POWER: 72 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> STANIMA: 95 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> SPEED: 72 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> IQ: 62 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <br /> <div class="list-group-item"> Manny Pacqul <img src="https://lh3.ggpht.com/XKWbcfwqiz787rfIJeEHg1SmvLN9l04Dal2tH3u1JPg80kVC8Zl3X81Ee6gQQJYCZerj=w300" class="img-circle" width="20px" height="20px" /> </div> <div class="list-group-item"> SKILL RATING: 92 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> CHIN: 90 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> POWER: 72 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> STANIMA: 95 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> SPEED: 72 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> IQ: 62 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <br /> <div class="list-group-item"> Danny Garcia <img src="https://cdn1.iconfinder.com/data/icons/business-management-18/128/1-18-512.png" class="img-circle" width="20px" height="20px" /> </div> <div class="list-group-item"> SKILL RATING: 92 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> CHIN: 90 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> POWER: 72 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> STANIMA: 95 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> SPEED: 72 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> IQ: 62 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <br /> <div class="list-group-item"> Keith Thurman <img src="https://cdn1.iconfinder.com/data/icons/business-management-18/128/1-18-512.png" class="img-circle" width="20px" height="20px" /> <img src="https://cdn2.iconfinder.com/data/icons/boxing/500/Boxing_6-512.png" class="img-circle" width="20px" height="20px" /> </div> <div class="list-group-item"> SKILL RATING: 92 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> CHIN: 90 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> POWER: 72 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> STANIMA: 95 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> SPEED: 72 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> IQ: 62 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <br /> <div class="list-group-item"> Shawn Porter <img src="https://cdn1.iconfinder.com/data/icons/business-management-18/128/1-18-512.png" class="img-circle" width="20px" height="20px" /> <img src="https://cdn2.iconfinder.com/data/icons/boxing/500/Boxing_6-512.png" class="img-circle" width="20px" height="20px" /> </div> <div class="list-group-item"> SKILL RATING: 92 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> CHIN: 90 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> POWER: 72 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> STANIMA: 95 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> SPEED: 72 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> IQ: 62 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <br /> <div class="list-group-item"> Canelo Alverez <img src="https://cdn1.iconfinder.com/data/icons/business-management-18/128/1-18-512.png" class="img-circle" width="20px" height="20px" /> <img src="https://cdn2.iconfinder.com/data/icons/boxing/500/Boxing_6-512.png" class="img-circle" width="20px" height="20px" /> <img src="https://cdn2.iconfinder.com/data/icons/boxing/500/Boxing_6-512.png" class="img-circle" width="20px" height="20px" /> <img src="https://cdn2.iconfinder.com/data/icons/agriculture-business-2/512/xxx030-512.png" class="img-circle" width="20px" height="20px" /> </div> <div class="list-group-item"> SKILL RATING: 92 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> CHIN: 90 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> POWER: 72 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> STANIMA: 95 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> SPEED: 72 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> IQ: 62 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <br /> <div class="list-group-item"> Danny Jacobs <img src="https://cdn1.iconfinder.com/data/icons/business-management-18/128/1-18-512.png" class="img-circle" width="20px" height="20px" /> <img src="https://cdn2.iconfinder.com/data/icons/boxing/500/Boxing_6-512.png" class="img-circle" width="20px" height="20px" /> </div> <div class="list-group-item"> SKILL RATING: 92 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> CHIN: 90 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> POWER: 72 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> STANIMA: 95 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> SPEED: 72 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> IQ: 62 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <br /> <div class="list-group-item"> GGG <img src="https://cdn1.iconfinder.com/data/icons/business-management-18/128/1-18-512.png" class="img-circle" width="20px" height="20px" /> </div> <div class="list-group-item"> SKILL RATING: 92 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> CHIN: 90 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> POWER: 72 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> STANIMA: 95 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> SPEED: 72 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> IQ: 62 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <br /> <div class="list-group-item"> Demetri Andrade <img src="https://cdn2.iconfinder.com/data/icons/boxing/500/Boxing_6-512.png" class="img-circle" width="20px" height="20px" /> </div> <div class="list-group-item"> SKILL RATING: 92 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> CHIN: 90 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> POWER: 72 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> STANIMA: 95 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> SPEED: 72 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> IQ: 62 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <br /> <div class="list-group-item"> Anthony Joshua <img src="https://cdn2.iconfinder.com/data/icons/boxing/500/Boxing_6-512.png" class="img-circle" width="20px" height="20px" /> <img src="https://cdn2.iconfinder.com/data/icons/boxing/500/Boxing_6-512.png" class="img-circle" width="20px" height="20px" /> <img src="https://cdn2.iconfinder.com/data/icons/boxing/500/Boxing_6-512.png" class="img-circle" width="20px" height="20px" /> <img src="https://cdn2.iconfinder.com/data/icons/boxing/500/Boxing_6-512.png" class="img-circle" width="20px" height="20px" /> <img src="https://cdn1.iconfinder.com/data/icons/business-management-18/128/1-18-512.png" class="img-circle" width="20px" height="20px" /> </div> <div class="list-group-item"> SKILL RATING: 92 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> CHIN: 90 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> POWER: 82 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> STANIMA: 95 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> SPEED: 72 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> IQ: 92 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <br /> <div class="list-group-item"> Deontaye Wilder <img src="https://cdn2.iconfinder.com/data/icons/boxing/500/Boxing_6-512.png" class="img-circle" width="20px" height="20px" /> <img src="https://cdn1.iconfinder.com/data/icons/business-management-18/128/1-18-512.png" class="img-circle" width="20px" height="20px" /> </div> <div class="list-group-item"> SKILL RATING: 92 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> CHIN: 90 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> POWER: 96 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> STANIMA: 95 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> SPEED: 72 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> IQ: 62 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <br /> <div class="list-group-item"> Luis Ortiz </div> <div class="list-group-item"> SKILL RATING: 92 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> CHIN: 95 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> POWER: 96 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> STANIMA: 95 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> SPEED: 82 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <div class="list-group-item"> IQ: 92 <span style="font-size:9px;" id="count-existing">(1.2m votes)</span> </div> <!-- End of Column --> </div> <div class="col-md-4"> <!-- POST --> <div class="list-group-item text-shadow"> <img src="http://www.mayfactr.com/Album-Art/user_images/528944.png" width="32px" height="32px" /> @samclydeband <br /> <br /> <p>Break News: Pacquiao to face Keith "One Time" Thurman #newmedia</p> <br /><br /> <img src="https://cdn.mmanews.com/wp-content/uploads/2019/04/pjimage-1-696x392.jpg" width="100%" height="150px" /><br /> <br /> Reference: DNB, Boxingego <br /><br /> Profile Card Display Optional<br /> </div> <br /> <!-- POST --> <!-- POST --> <div class="list-group-item text-shadow"> <img src="http://www.mayfactr.com/Album-Art/user_images/528944.png" width="32px" height="32px" /> @samclydeband <br /> <br /> <p>Break News: Pacquiao to face Keith "One Time" Thurman #newmedia</p> <br /><br /> <img src="https://cdn.mmanews.com/wp-content/uploads/2019/04/pjimage-1-696x392.jpg" width="100%" height="150px" /><br /> <br /> Reference: DNB, Boxingego <br /><br /> Profile Card Display Optional<br /> </div> <br /> <!-- POST --> <!-- POST --> <div class="list-group-item text-shadow"> <img src="http://www.mayfactr.com/Album-Art/user_images/528944.png" width="32px" height="32px" /> @samclydeband <br /> <br /> <p>Break News: Pacquiao to face Keith "One Time" Thurman #newmedia</p> <br /><br /> <img src="https://cdn.mmanews.com/wp-content/uploads/2019/04/pjimage-1-696x392.jpg" width="100%" height="150px" /><br /> <br /> Reference: DNB, Boxingego <br /><br /> Profile Card Display Optional<br /> </div> <br /> <!-- POST --> <!-- POST --> <div class="list-group-item text-shadow"> <img src="http://www.mayfactr.com/Album-Art/user_images/528944.png" width="32px" height="32px" /> @samclydeband <br /> <br /> <p>Break News: Pacquiao to face Keith "One Time" Thurman #newmedia</p> <br /><br /> <img src="https://cdn.mmanews.com/wp-content/uploads/2019/04/pjimage-1-696x392.jpg" width="100%" height="150px" /><br /> <br /> Reference: DNB, Boxingego <br /><br /> Profile Card Display Optional<br /> </div> <br /> <!-- POST --> <!-- POST --> <div class="list-group-item text-shadow"> <img src="http://www.mayfactr.com/Album-Art/user_images/528944.png" width="32px" height="32px" /> @samclydeband <br /> <br /> <p>Break News: Pacquiao to face Keith "One Time" Thurman #newmedia</p> <br /><br /> <img src="https://cdn.mmanews.com/wp-content/uploads/2019/04/pjimage-1-696x392.jpg" width="100%" height="150px" /><br /> <br /> Reference: DNB, Boxingego <br /><br /> Profile Card Display Optional<br /> </div> <br /> <!-- POST --> </div> <div class="col-md-2"> <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="100px" /> <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="100px" /> </div> </div> <div class="col-md-3"> <div class="list-group-item"> Who to Follow </div> <div class="list-group-item"> data </div> <br /> <div class="list-group-item"> <b>MayFactr 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" style="height:330px;"> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTCH6jlGYBra-Yt6WkcuLBGgsFDAMKn5xFK1G6vNOESk9Uyktly" class="" width="100%" height="300px" /> </div> </div> </div> </body> </html>
Related:
See More
Free Template
Paper Dashboard
Questions / Comments:
Post
Posting Guidelines
Formatting
- Now
×
Close
Donate
BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76