"fb page headshot"
Bootstrap 3.2.0 Snippet by sindhus

Post to Facebook Tweet this

<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="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html lang="en"> <head> <title>Crunchface</title> <meta charset="utf-8"> <link rel="stylesheet" type='text/css' href="{{STATIC_URL}}css/bootstrap.min.css"> <link rel="stylesheet" type='text/css' href="{{STATIC_URL}}css/crunchface.css"> <link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Open+Sans'> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"> <script src="{{STATIC_URL}}js/jquery.min.js" type="text/javascript"></script> <script src="{{STATIC_URL}}js/bootstrap.js" type="text/javascript"></script> <script src="{{STATIC_URL}}js/crunchface.js" type="text/javascript"></script> </head> <body> <div class="container" style="margin-top: 20px; margin-bottom: 20px;" > <div class="alert alert-danger alert-dismissible" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button> <strong>Oops!</strong> Not a valid page :( </div> <div class="alert alert-success alert-dismissible" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button> <strong>Yay!</strong> information saved to database. </div> <div class="row" style="border: 2px dotted black; min-height: 310px; min-width:800px"> <div class="cover pull-left" style="border: 2px dotted green; height: 266px; width:720px"></div> <div class="fetch pull-right" style="border: 2px dotted blue; min-height: 40px; min-width:80%"></div> </div> <div class="profile" style="border:2px dotted grey; min-height: 200px; min-width: 200px; position:absolute; top: 325px; left: 25px"></div> </div> </body>

Related: See More

Paper Kit 2 Angular
Elegant Login Page
My Awesome Login Page
Simple & Clean 404 Error Page style

Questions / Comments: