"Social Media"
Bootstrap 4.1.1 Snippet by Kriscel16

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 ----------> <!DOCTYPE html> <html> <head> <style> ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #212F3D; } li { float: right; } li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } li a:hover { background-color: #111; } </style> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <body background="https://png.pngtree.com/thumb_back/fw800/back_pic/04/15/68/315823008ec140b.JPG"> <ul> <li><a href="Home.html">Log in</a></li> <li><a href="Home.html">Sign up</a></li> </ul>

Related: See More

Vue Black Dashboard
Bootstrap Social Card
Navbar with Social icon & Dropdown
social network layout - bootstrap 4

Questions / Comments: