API tools faq
paste
MegastoRM

Footer

MegastoRM
Mar 14th, 2015
144
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.79 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.   <head>
  3.   <!-- footer style -->
  4.     <style type="text/css">
  5.     .box {
  6.       float: left;
  7.       width: 260px;
  8.       padding: 0 30px;
  9.       padding-bottom: 20px;
  10.       min-height: 20px;
  11.       box-sizing: border-box;
  12.       text-align: center;
  13.       font-family: 'Open-Sans';
  14.     }
  15.  
  16.     .box:first-child { margin-left: 90px; }
  17.  
  18.     body { margin: 0; background: #000;}
  19.     .container { width: 960px; margin: 0 auto; }
  20.     .box span.huge { color: #1890ed; font-size: 16px; }
  21.  
  22.     .box div { margin-top: 20px; font-size: 14px; color: #fff; }
  23.     .box div:not(:last-child) { margin-bottom: 55px; }
  24.     .box:not(:last-child) { border-right: 1px dashed #bbb; }
  25.  
  26.     .btn { position: relative; padding: 5px 10px; border: 2px solid; }
  27.     .btn.btn-order {
  28.       font-size: 14px;
  29.       color: #1890ed;
  30.       font-weight: bold;
  31.       border-color: #1890ed;
  32.       margin-bottom: 20px;
  33.     }
  34.  
  35.     .box a {
  36.       text-decoration: none;
  37.       -webkit-transition: all .2s linear;
  38.       -moz-transition: all .2s linear;
  39.       -o-transition: all .2s linear;
  40.       -ms-transition: all .2s linear;
  41.       transition: all .2s linear;
  42.       box-sizing: border-box;
  43.     }
  44.     .box a:hover { background: #1890ed; color: #fff; }
  45.  
  46.     .clearfix:after {
  47.       content: ".";
  48.       visibility: hidden;
  49.       display: block;
  50.       height: 0;
  51.       clear: both;
  52.     }
  53.  
  54.     </style>
  55.   <!-- footer style -->
  56.   </head>
  57.   <body>
  58.     <div class="container">
  59.       </br></br></br>
  60.  
  61.       <!-- Footer sa 3 box-a -->
  62.       <div class="wrapper clearfix">
  63.         <div class="box" id="ft-1">
  64.           <span class="huge">WORKOUT PLAN</span>
  65.           <div>A training program prepared personally for YOU based on your body type and in accordance with your free time and the goals you would like to accomplish. All programs are developed and based on Igor Jevtic's experience and training methods.</div>
  66.           <a href="#" class="btn btn-order">ORDER</a>
  67.         </div>
  68.         <div class="box" id="ft-2">
  69.           <span class="huge">NUTRITION PLAN</span>
  70.           <div>A personal nutrition plan prepared for YOU based on your body type in accordance with the goals you would like to accomplish and the foods you like to consume. All plans are developed and based on Igor Jevtic’s experience and training methods.</div>
  71.           <a href="#" class="btn btn-order">ORDER</a>
  72.         </div>
  73.         <div class="box" id="ft-3">
  74.           <span class="huge">RECENT INSTAGRAM</span>
  75.           <div><iframe src="http://widget.websta.me/in/igorjevtic/?s=60&w=3&h=3&b=0&bg=000000&p=1" allowtransparency="true" frameborder="0" scrolling="no" style="border:none;overflow:hidden;width:183px; height: 183px" ></iframe></div>
  76.         </div>
  77.       </div>
  78.       <!-- /Footer sa 3 box-a -->
  79.  
  80.  
  81.     </div>
  82.   </body>
  83. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!