Advertisement
NitrogenFixation

church page code

May 30th, 2014
183
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 7.71 KB | None | 0 0
  1. <html>
  2.     <head>
  3.         <title>Faith Baptist Church</title>
  4.         <link rel="shortcut icon" href="">
  5.        
  6.     <style type="text/css">
  7.         body {
  8.             margin-top:0;
  9.             margin-bottom:0;
  10.             overflow:auto;
  11.             background-color:white;
  12.             color:black;
  13.             font-family:sans;
  14.             font-size:10pt;
  15.             line-height:125%;
  16.         }
  17.        
  18.         a { text-decoration:none;
  19.             color:blue;
  20.             transition:0.4s;
  21.             -webkit-transition:0.4s;
  22.             -moz-transition:0.4s;
  23.             -o-transition:0.4s;
  24.             -ms-transition:0.4s;
  25.         }
  26.        
  27.         a:hover {color:firebrick;
  28.             transition:0.4s;
  29.             -webkit-transition:0.4s;
  30.             -moz-transition:0.4s;
  31.             -o-transition:0.4s;
  32.             -ms-transition:0.4s;
  33.         }
  34.        
  35.         img { border:1px;
  36.             border-color:black;
  37.         }
  38.        
  39.         h1 {
  40.             font-size:15pt;
  41.             color:firebrick;
  42.             background:grey;
  43.             font-family:serif;
  44.             padding:10px;
  45.             padding-left:30;
  46.             padding-right:30;
  47.             line-height:50%;
  48.             letter-spacing:5px;
  49.         }
  50.        
  51.         #title {
  52.             position:relative;
  53.             top:5px;
  54.             right:5px;
  55.             text-align:right;
  56.             font-size:20pt;
  57.             color:firebrick;
  58.             font-family:serif;
  59.             letter-spacing:1px;
  60.             font-weight:bold;
  61.         }
  62.        
  63.         #Lonnie {
  64.             margin-top:0px;
  65.             margin-bottom:0px;
  66.             margin-left:auto;
  67.             margin-right:auto;
  68.             width:700px;
  69.             background-color:silver;
  70.         }
  71.        
  72.         #header {
  73.             z-index:999;
  74.             top:0;
  75.             width:700px;
  76.             background:gray;
  77.             height:200px;
  78.             position:fixed;
  79.             overflow:hidden;
  80.             background-image:url('http://i.imgur.com/mQPY6Tm.jpg');
  81.             background-repeat:no-repeat;
  82.             background-attachment:fixed;
  83.            
  84.         }
  85.        
  86.         #Ace {
  87.             z-index:9999;
  88.             width:700px;
  89.             top:200px;
  90.             height:40px;
  91.             background:silver;
  92.             position:fixed;
  93.         }
  94.        
  95.         #Ace a {
  96.             z-index:99999;
  97.             display:inline-block;
  98.             background:#cccccc;
  99.             text-align:center;
  100.             vertical-align:middle;
  101.             font-size:8pt;
  102.             padding-top:5px;
  103.             padding-bottom:5px;
  104.             margin-top:5px;
  105.             margin-left:10px;
  106.             margin-right:-5px;
  107.             height:20px;
  108.             width:70px;
  109.         }
  110.        
  111.         .text {
  112.             margin-top:240px;
  113.             padding:10px;
  114.             overflow:auto;
  115.            
  116.         }
  117.        
  118.         #footer {
  119.             z-index:9999;
  120.             position:fixed;
  121.             margin-bottom:0;
  122.             bottom:0;
  123.             background:gray;
  124.             width:700px;
  125.             height:20px;
  126.             text-align:center;
  127.             font-size:7pt;
  128.             padding-top:5px;
  129.         }
  130.            
  131.     </style>
  132.     </head>
  133.    
  134.     <body>
  135.    
  136.     <div id="Lonnie">
  137.     <div id="header">
  138.         <div id="title">FAITH BAPTIST CHURCH</div>
  139.     </div>
  140.     <div id="Ace">
  141.         <a href="http://tumblr.com/dashboard">HOME</a>
  142.         <a href="http://tumblr.com/dashboard">MINISTRIES</a>
  143.         <a href="http://tumblr.com/dashboard">LEADERS</a>
  144.         <a href="/">CALENDAR</a>
  145.         <a href="/">CONTACT</a>
  146.     </div>
  147.     <div id="footer">&copy; Faith Baptist Church</div>
  148.         <div class="text">
  149. Lorem ipsum dolor sit amet, eu singulis patrioque reprehendunt usu. Scaevola volutpat quo at. Nonumy epicurei perfecto at vis. Sed an ludus menandri, iisque neglegentur eu sit, adipisci facilisis ex mei. Qui cu sumo appareat, modo primis corrumpit ne vim. No mei discere vituperata, eam ne alii impetus iracundia, esse cotidieque sit ei.<br><br>
  150.  
  151. <b>Ut duis nulla elitr sea. Ut assentior consetetur mei, ea civibus sadipscing vis. Nam id ocurreret dignissim appellantur, percipit partiendo qui cu. Movet reprehendunt ad mea, cu eligendi consequat per. No soluta graeci vocent qui.</b><br><br>
  152.  
  153. <i>Lobortis oportere eu pri, cu pri tollit menandri delicata, per at falli dolore. Ius brute dicunt ex. Per decore docendi ponderum ut. Ea natum autem necessitatibus pri, per error consulatu id, atqui ridens admodum ea nam. Ex sed salutandi concludaturque, at augue scaevola has.</i><br><br>
  154.  
  155. <h1>ANNOUNCEMENTS</h1>
  156.  
  157. <a href="lol">Pri assum delicatissimi in.</a> Est veritus constituto ei, ius alia simul aperiri eu. Sit cu choro omnium consequat. Ei nihil splendide delicatissimi cum, has mucius sententiae efficiantur et. Sit ad mollis insolens omittantur, ad ancillae nominavi his.<br><br>
  158.  
  159. Lorem ipsum dolor sit amet, eu singulis patrioque reprehendunt usu. Scaevola volutpat quo at. Nonumy epicurei perfecto at vis. Sed an ludus menandri, iisque neglegentur eu sit, adipisci facilisis ex mei. Qui cu sumo appareat, modo primis corrumpit ne vim. No mei discere vituperata, eam ne alii impetus iracundia, esse cotidieque sit ei.<br><br>
  160.  
  161. Ut duis nulla elitr sea. Ut assentior consetetur mei, ea civibus sadipscing vis. Nam id ocurreret dignissim appellantur, percipit partiendo qui cu. Movet reprehendunt ad mea, cu eligendi consequat per. No soluta graeci vocent qui.<br><br>
  162.  
  163. Lobortis oportere eu pri, cu pri tollit menandri delicata, per at falli dolore. Ius brute dicunt ex. Per decore docendi ponderum ut. Ea natum autem necessitatibus pri, per error consulatu id, atqui ridens admodum ea nam. Ex sed salutandi concludaturque, at augue scaevola has.<br><br>
  164.  
  165. Eu doctus omittantur sed. Te per ignota docendi, molestie consetetur conclusionemque pri ad, cum in debet omnes. Vix cu agam natum erroribus, eu solum movet sit, hinc utinam semper ad per. Mei cu sale viris vivendum, percipit tacimates tincidunt ius id.<br><br>
  166.  
  167. Pri assum delicatissimi in. Est veritus constituto ei, ius alia simul aperiri eu. Sit cu choro omnium consequat. Ei nihil splendide delicatissimi cum, has mucius sententiae efficiantur et. Sit ad mollis insolens omittantur, ad ancillae nominavi his.<br><br>
  168.  
  169. Lorem ipsum dolor sit amet, eu singulis patrioque reprehendunt usu. Scaevola volutpat quo at. Nonumy epicurei perfecto at vis. Sed an ludus menandri, iisque neglegentur eu sit, adipisci facilisis ex mei. Qui cu sumo appareat, modo primis corrumpit ne vim. No mei discere vituperata, eam ne alii impetus iracundia, esse cotidieque sit ei.<br><br>
  170.  
  171. Ut duis nulla elitr sea. Ut assentior consetetur mei, ea civibus sadipscing vis. Nam id ocurreret dignissim appellantur, percipit partiendo qui cu. Movet reprehendunt ad mea, cu eligendi consequat per. No soluta graeci vocent qui.<br><br>
  172.  
  173. Lobortis oportere eu pri, cu pri tollit menandri delicata, per at falli dolore. Ius brute dicunt ex. Per decore docendi ponderum ut. Ea natum autem necessitatibus pri, per error consulatu id, atqui ridens admodum ea nam. Ex sed salutandi concludaturque, at augue scaevola has.<br><br>
  174.  
  175. Eu doctus omittantur sed. Te per ignota docendi, molestie consetetur conclusionemque pri ad, cum in debet omnes. Vix cu agam natum erroribus, eu solum movet sit, hinc utinam semper ad per. Mei cu sale viris vivendum, percipit tacimates tincidunt ius id.<br><br>
  176.  
  177. Pri assum delicatissimi in. Est veritus constituto ei, ius alia simul aperiri eu. Sit cu choro omnium consequat. Ei nihil splendide delicatissimi cum, has mucius sententiae efficiantur et. Sit ad mollis insolens omittantur, ad ancillae nominavi his.<br><br>
  178.         </div>
  179.     </div>
  180.     </body>
  181. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement