Created
July 16, 2012 01:05
-
-
Save xurde/3119550 to your computer and use it in GitHub Desktop.
Simple Web Template
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="es"> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | |
| <title>Web Title</title> | |
| <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css' /> | |
| <meta property="og:title" content="Web Title"/> | |
| <meta property="og:site_name" content="simpleweb.com"/> | |
| <meta property="og:image" content=""/> | |
| <style type="text/css" media="screen"> | |
| html, body, div, span, applet, object, iframe, | |
| h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
| a, abbr, acronym, address, big, cite, code, | |
| del, dfn, em, font, img, ins, kbd, q, s, samp, | |
| small, strike, strong, sub, sup, tt, var, | |
| dl, dt, dd, ol, ul, li, | |
| fieldset, form, label, legend, | |
| table, caption, tbody, tfoot, thead, tr, th, td { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| outline: 0; | |
| font-weight: inherit; | |
| font-style: inherit; | |
| font-size: 100%; | |
| font-family: inherit; | |
| vertical-align: baseline; | |
| } | |
| /* remember to define focus styles! */ | |
| :focus { | |
| outline: 0; | |
| } | |
| body { | |
| line-height: 1.2; | |
| color: black; | |
| background: white; | |
| } | |
| ol, ul { | |
| list-style: none; | |
| } | |
| /* tables still need 'cellspacing="0"' in the markup */ | |
| table { | |
| border-collapse: separate; | |
| border-spacing: 0; | |
| } | |
| caption, th, td { | |
| text-align: left; | |
| font-weight: normal; | |
| } | |
| blockquote:before, blockquote:after, | |
| q:before, q:after { | |
| content: ""; | |
| } | |
| blockquote, q { | |
| quotes: "" ""; | |
| } | |
| /* wadus */ | |
| body { | |
| background: #2E2E2E; | |
| color: #666; | |
| font-family: 'Josefin Sans Std Light', arial, serif; | |
| font-size: 14px; | |
| } | |
| .wrap { | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| background: #FFF; | |
| width: 640px; | |
| margin: 30px auto; | |
| padding: 20px; | |
| box-shadow:2px 2px 9px #030303; | |
| -webkit-box-shadow:2px 2px 9px #030303; | |
| -moz-box-shadow:2px 2px 9px #030303 | |
| } | |
| h1 { | |
| font-family: 'Lobster', arial, serif; | |
| font-size: 36px; | |
| color:#D0231C; | |
| margin: 0 0 12px 0; | |
| } | |
| h2, .ads { | |
| margin: 0 0 12px 0; | |
| } | |
| .buttons { | |
| margin: 12px 0; | |
| } | |
| .links { | |
| margin: 12px 0; | |
| clear: both; | |
| } | |
| .links a { | |
| color:#D0231C; | |
| } | |
| </style> | |
| <!-- Scripts --> | |
| <script type="text/javascript"> | |
| (function() { | |
| var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; | |
| po.src = 'https://apis.google.com/js/plusone.js'; | |
| var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); | |
| })(); | |
| </script> | |
| </head> | |
| <body> | |
| <div class="wrap"> | |
| <h1>Main Title</h1> | |
| <h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac quam ac metus varius semper. Maecenas sem tortor, semper eget consequat vitae, aliquet vitae elit. Vestibulum sollicitudin tincidunt neque id adipiscing. Quisque lacus felis, gravida at tincidunt et, viverra semper metus. Duis sed lectus sollicitudin dolor iaculis ullamcorper ac ut odio. Etiam nec leo dolor, faucibus fermentum leo. Nam quam eros, mattis quis pharetra ut, cursus non sem.</h2> | |
| <div class="video"> | |
| <iframe width="640" height="360" src="http://www.youtube.com/embed/1olLinm5VSo" frameborder="0" allowfullscreen></iframe> | |
| </div> | |
| <div class="buttons"> | |
| <!-- Twitter Button --> | |
| <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script> | |
| <!-- Place this tag where you want the +1 button to render --> | |
| <g:plusone></g:plusone> | |
| <!-- Place this render call where appropriate --> | |
| <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fgoldeiniesta.com&layout=standard&show_faces=true&width=50&action=like&colorscheme=light&height=80" scrolling="no" frameborder="0" style="float: right;overflow:hidden; width:470px; height:80px;" allowTransparency="true"></iframe> | |
| </div> | |
| <p class="links"> | |
| <a href="http://somewhere.com">Link 1</a> | |
| <a href="http://somewhere.com">Link 2</a> | |
| <a href="http://somewhere.com">Link 3</a> | |
| <a href="http://somewhere.com">Link 4</a> | |
| </p> | |
| </div> | |
| <!-- Google Analytics --> | |
| <script type="text/javascript"> | |
| var _gaq = _gaq || []; | |
| _gaq.push(['_setAccount', 'UA-264061-11']); | |
| _gaq.push(['_trackPageview']); | |
| (function() { | |
| var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; | |
| ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; | |
| var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); | |
| })(); | |
| </script> | |
| <!-- Google Analytics --> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment