Plantillas html
meljonaTrabajo19 de Noviembre de 2015
6.131 Palabras (25 Páginas)193 Visitas
<div id='header-wrapper'>
<div class='content'>
<div class='header section' id='header'>
<div class='widget Header' id='Header1'>
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title' style="color:#C30">
Tu web
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'>
<span>tu slogan</span>
</p>
</div>
</div>
</div>
</div>
<div id='navigation'>
<ul class='menu' id='menu'>
<li>
<a href='#'>por tu texto</a>
</li>
<li>
<a href='#'>pon tu texto</a>
</li>
<li>
<a href='#'>pon tu texto</a>
<ul class='sub-menu'>
<li>
<a href='#'>pon tu texto</a>
</li>
<li>
<a href='#'>pon tu texto</a>
</li>
<li>
<a href='#'>pon tu texto</a>
</li>
<li>
<a href='#'>pon tu texto</a>
</li>
<li>
<a href='#'>pon tu texto</a>
</li>
<li>
<a href='#'>pon tu texto</a>
</li>
<li>
<a href='#'>pon tu texto</a>
</li>
</ul>
</li>
<li>
<a href='#'>pon tu menu</a>
<ul class='sub-menu'>
<li>
<a href='#'>submenu 1</a>
</li>
<li>
<a href='#'>submenu 2</a>
</li>
<li>
<a href='#'>submenu 3</a>
</li>
<li>
<a href='#'>submenu 4</a>
</li>
</ul>
</li>
<li>
<a href='#'>pon tu texto</a>
</li>
<li>
<a href='#'>pon tu texto</a>
</li>
</ul>
</div>
<div class='clear'>
</div>
</div>
</div>
<div class='sec_texture' id='slider'>
<div class='content'>
<div id='slider_wrapper'>
<div class='marg_0_0_20_0' id='sliderCss3d'>
<img alt='Slider 1' data-transition=
'{"effect": "blindsVertical", "slices": 6, "animSpeed": 1400, "delay": 100, "delayDir": "fromCentre", "easing": "easeInCubic", "depthOffset": 800, "sliceGap": 5}' src=
'https://lh5.googleusercontent.com/-5s97vEup5HQ/UJPJmti3wKI/AAAAAAAAEhU/mV8dck6kCfc/s910/slider-4.jpg' /> <img alt='Slider 2' data-transition=
'{"effect": "cubeRight", "slices": 6, "animSpeed": 1400, "delay": 100, "delayDir": "fromCentre", "easing": "easeInCubic", "depthOffset": 800, "sliceGap": 5}' src=
'https://lh6.googleusercontent.com/-feq_vA0QkoM/UJPJlaRNosI/AAAAAAAAEhA/Sf9QrGUUezQ/s910/slider-3.jpg' /> <img alt='Slider 3' data-transition=
'{"effect": "flipDown", "slices": 6, "animSpeed": 1400, "delay": 100, "delayDir": "fromCentre", "easing": "easeInCubic", "depthOffset": 800, "sliceGap": 5}' src=
'https://lh5.googleusercontent.com/-RvCAwyi0e_w/UJPJlZtUQ_I/AAAAAAAAEhQ/WtwIsbP3GTc/s910/slider-2.jpg' /> <img alt='Slider 4' data-transition=
'{"effect": "blindsHorizontal", "slices": 6, "animSpeed": 1400, "delay": 100, "delayDir": "fromCentre", "easing": "easeInCubic", "depthOffset": 800, "sliceGap": 5}' src=
'https://lh6.googleusercontent.com/-PcrK2YsALv0/UJPJlVl95uI/AAAAAAAAEhE/1AahNwhUPbE/s910/slider-1.jpg' />
</div>
</div>
</div>
</div>
<div id='content-wrapper'>
<div id='main-wrapper'>
<div class='main section' id='main'>
<div class='widget Blog' id='Blog1'>
<!-- google_ad_section_start(name=default) -->
<div class='post'>
<h3 style='display:none'>
<a href='#' title='tu texto'>Aqui tu slogan</a>
</h3>
<div class='post-body'>
<var>content</var>
</div>
<div class='clear'>
</div>
</div>
<!-- google_ad_section_end -->
</div>
</div>
</div>
<div id='sidebar-wrapper'>
<form action='/search' id='search_form' method='get' name="search_form">
<div class='field'>
<input id='s' name='q' onblur='if (this.value == '') {this.value = 'Search...';}' onfocus='if (this.value == 'Search...') {this.value = '';}' title=
'Search...' type='text' value='Search...' />
</div>
<div class='button_search'>
<input class='button' type='submit' value='Search' />
</div>
<div class='clear'>
</div>
</form>
<div class='clear'>
</div>
<div class='sidebar section' id='sidebar'>
<div class='widget PopularPosts' id='PopularPosts1'>
<h2>
Menu Principal
</h2>
<div class='widget-content popular-posts'>
<var>navigation[1|2|3]</var>
</div>
</div>
<div class='widget PopularPosts' id='side'>
<h2>
Novedades
...