"HomePresentation"
Bootstrap 3.0.0 Snippet by episcore

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <!-- http://fontawesome.io/icons/ --> <!--home presentation--> <div class="home-presentation" style="background-image:url('sample.gif');"> <div class="container"> <div class="row"><!-- row --> <div class="col-lg-12 col-md-12 col-sm-4 col-xs-6"> <h1 align="center">Joaquin Copete</h1> <h1 align="center"></h1> </div> </div><!-- row --> <div class="row"><!-- row --> <div class="col-lg-12 col-md-12 col-sm-4 col-xs-6"> <ul align="center"> <li>API Management</li> <li>API Security</li> <li>Solutions Architecture</li> <li>Product Development</li> </ul> </div> </div><!-- row --> </div><!-- container --> </div><!-- home-presentation -->
li { display: inline-block; border-radius: 10px; padding: 10px; background: #BADA55; } /* Container with border and rounded corners */ /*ul { border: 1px solid #ccc; width: 200px; */ /* Border radius for Chrome, Webkit and other good browsers */ /* -webkit-border-radius: 10px; -moz-border-radius: 10px; -border-radius: 10px; border-radius: 10px; }*/ /* Only add border to bottom of <li> */ /*li { padding: 10px; border-bottom: 1px solid #ccc; }*/ /* Get rid of the last <li>'s bottom border to stop overlap with <ul>'s border */ /* :last-child works in IE7+ */ /*li:last-child { border-bottom: none; }*/ /* Get the number and float it right */ span { float: right; }

Related: See More


Questions / Comments: