Maqueta retocada para primera presentación
git-svn-id: https://192.168.0.254/svn/Proyectos.AlonsoYSal_Web/trunk@2 4d6e3d7e-063e-4044-a2d3-903626ba9061
This commit is contained in:
parent
0497a71e3a
commit
5a770ec175
BIN
informacion/CCI31102011_00000 (2).jpg
Normal file
BIN
informacion/CCI31102011_00000 (2).jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 397 KiB |
BIN
informacion/CCI31102011_00000.jpg
Normal file
BIN
informacion/CCI31102011_00000.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 530 KiB |
@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content ="place your description here"/>
|
||||
@ -7,28 +7,27 @@
|
||||
<!-- define the width of the page as no wider than the width of the viewport -->
|
||||
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
<link rel="stylesheet" href="css/css/main.css">
|
||||
<link rel="stylesheet" href="css/css/_print/main.css" media="print">
|
||||
<link rel="stylesheet" href="css/main.css"/>
|
||||
<link rel="stylesheet" href="css/_print/main.css" media="print"/>
|
||||
<!--[if IE]><link rel="stylesheet" href="_/css/_patches/win-ie-all.css" media="all" /><![endif]-->
|
||||
<!--[if IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie7.css" media="all" /><![endif]-->
|
||||
<!--[if lt IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie-old.css" media="all" /><![endif]-->
|
||||
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
||||
|
||||
<link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'>
|
||||
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
|
||||
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" >
|
||||
<link href="http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise:regular" rel="stylesheet" type="text/css" >
|
||||
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
|
||||
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" />
|
||||
|
||||
<link rel="icon" href="favicon.png" />
|
||||
<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]-->
|
||||
<title>Bar template</title>
|
||||
<title>Alonso y Sal</title>
|
||||
</head>
|
||||
<body class="index">
|
||||
|
||||
<div id="inner-wrap">
|
||||
<header>
|
||||
<section id="logo">
|
||||
<h1><a href="#"><span class="coloured">Arribas</a></span></h1>
|
||||
<p>★ desde. 1980 ★</p>
|
||||
<h1><a href="index.html">Arribas</a></h1>
|
||||
<p><span class="coloured-1">«</span> desde 1980 <span class="coloured-1">»</span></p>
|
||||
</section><!--logo ends here-->
|
||||
</header>
|
||||
|
||||
@ -42,18 +41,18 @@
|
||||
</div><!--colours ends here-->
|
||||
|
||||
<div id="hero-slider">
|
||||
<ul>
|
||||
<!--li><a href="#" rel="#panel-1" class="active">The story of cuppyBar</a></li>
|
||||
<!--ul>
|
||||
<li><a href="#" rel="#panel-1" class="active">The story of cuppyBar</a></li>
|
||||
<li><a href="#" rel="#panel-2" class="active">The philosophy</a></li>
|
||||
<li><a href="#" rel="#panel-3" class="active">Our staff</a></li>
|
||||
<li><a href="#" rel="#panel-4" class="active">CuppyBar Interior</a></li>
|
||||
<li><a href="#" rel="#panel-5" class="active">Testimonials</a></li-->
|
||||
</ul>
|
||||
<li><a href="#" rel="#panel-5" class="active">Testimonials</a></li>
|
||||
</ul-->
|
||||
<div class="mask">
|
||||
<div class="slider-body">
|
||||
<div class="panel" id="panel-1">
|
||||
<section class="panelinfo">
|
||||
<h2>Our long and successful history</h2>
|
||||
<section class="panelinfo2">
|
||||
<h2>Quiénes somos</h2>
|
||||
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies
|
||||
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Aenean ultricies mi vitae est. Mauris placerat eleifend leo. </p>
|
||||
@ -61,17 +60,18 @@
|
||||
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p>
|
||||
</section>
|
||||
<div class="divider"></div>
|
||||
<!--section class="panelinfo2">
|
||||
<h3>Want to know how did we grow? See history in pictures!</h3>
|
||||
<p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Donec eu libero sit amet quam egestas semper. Vestibulum tortor quam, feugiat vitae, ultricies
|
||||
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p>
|
||||
<a href="additional3.html" class="button">View Photo story</a>
|
||||
</section-->
|
||||
<!--section class="panelinfo2">
|
||||
<h3>Want to know how did we grow? See history in pictures!</h3>
|
||||
<p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
|
||||
Donec eu libero sit amet quam egestas semper. Vestibulum tortor quam, feugiat vitae, ultricies
|
||||
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p>
|
||||
<a href="additional3.html" class="button">View Photo story</a>
|
||||
</section -->
|
||||
</div>
|
||||
|
||||
|
||||
<!--div class="panel" id="panel-2">
|
||||
<!--
|
||||
<div class="panel" id="panel-2">
|
||||
<section class="panelinfo">
|
||||
<h2>Our philosophy and principles</h2>
|
||||
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies
|
||||
@ -82,7 +82,7 @@
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies
|
||||
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p>
|
||||
</section>
|
||||
</div-->
|
||||
</div>
|
||||
|
||||
<div class="panel" id="panel-3">
|
||||
<section class="panelinfo">
|
||||
@ -90,13 +90,13 @@
|
||||
</section>
|
||||
|
||||
<section class="panel-image">
|
||||
<div class="slideOutTip openLeft green" style="left:260px;top:16px">
|
||||
<div class="slideOutTip openLeft green" style="left:260px;top:16px">
|
||||
<div class="tipVisible">
|
||||
<div class="tipIcon">
|
||||
<div class="plusIcon"></div>
|
||||
</div><!--tipicon ends here-->
|
||||
</div>
|
||||
<p class="tipTitle">Mary Smith—Chief</p>
|
||||
</div><!--tipvisisble ends here-->
|
||||
</div>
|
||||
|
||||
<div class="slideOutContent">
|
||||
<p>
|
||||
@ -106,17 +106,17 @@
|
||||
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <br/>
|
||||
Read interview with Mary <a href="additional.html">here</a>.
|
||||
</p>
|
||||
</div><!--slideoutcontent ends here-->
|
||||
</div><!--slideouttip openleft ends here-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!--next slideout tip-->
|
||||
<div class="slideOutTip openLeft green" style="left:160px;top:120px">
|
||||
<div class="tipVisible">
|
||||
<div class="tipIcon">
|
||||
<div class="plusIcon"></div>
|
||||
</div><!--tipicon ends here-->
|
||||
</div>
|
||||
<p class="tipTitle">Mary Smith—Chief</p>
|
||||
</div><!--tipvisisble ends here-->
|
||||
</div>
|
||||
|
||||
<div class="slideOutContent">
|
||||
<p>
|
||||
@ -125,17 +125,16 @@
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies
|
||||
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <br/>
|
||||
Read interview with Mary <a href="additional.html">here</a>.</p>
|
||||
</div><!--slideoutcontent ends here-->
|
||||
</div><!--slideouttip openleft ends here-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--next slideout tip-->
|
||||
<div class="slideOutTip openLeft green" style="left:440px;top:66px">
|
||||
<div class="tipVisible">
|
||||
<div class="tipIcon">
|
||||
<div class="plusIcon"></div>
|
||||
</div><!--tipicon ends here-->
|
||||
</div>
|
||||
<p class="tipTitle">Mary Smith—Chief</p>
|
||||
</div><!--tipvisisble ends here-->
|
||||
</div>
|
||||
|
||||
<div class="slideOutContent">
|
||||
<p>
|
||||
@ -144,10 +143,10 @@
|
||||
Vestibulum tortor quam, feugiat vitae, ultricies
|
||||
eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <br/>
|
||||
Read interview with Mary <a href="additional.html">here</a>.</p>
|
||||
</div><!--slideoutcontent ends here-->
|
||||
</div><!--slideouttip openleft ends here-->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div><!--panel ends here-->
|
||||
</div>
|
||||
|
||||
|
||||
<div class="panel" id="panel-4">
|
||||
@ -183,9 +182,9 @@
|
||||
suscipit arcu auctor. Mauris ullamcorper commodo libero, eget rutrum est tincidunt sit amet.
|
||||
Lorem ipsum dolor sit amet, consectetur elit. ”<span class="name">—John Smith</span></p></blockquote>
|
||||
</div>
|
||||
</section><!--quotes-wrap ends here-->
|
||||
</section>
|
||||
</section>
|
||||
</div>
|
||||
</div>-->
|
||||
|
||||
</div>
|
||||
</div> <!-- .mask -->
|
||||
@ -194,7 +193,7 @@
|
||||
|
||||
<nav id="side">
|
||||
<a href="index.html">Inicio</a>
|
||||
<a href="#">Quienes somos </a>
|
||||
<a href="#" class="current">Quienes somos </a>
|
||||
<a href="gallery.html">Galería</a>
|
||||
<a href="menu.html">Ofertas</a>
|
||||
<a href="location.html">Localización</a>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="place your description here" />
|
||||
@ -7,28 +7,28 @@
|
||||
<!-- define the width of the page as no wider than the width of the viewport -->
|
||||
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
<link rel="stylesheet" href="css/css/main.css">
|
||||
<link rel="stylesheet" href="css/css/_print/main.css" media="print">
|
||||
<link rel="stylesheet" href="css/main.css"/>
|
||||
<link rel="stylesheet" href="css/_print/main.css" media="print"/>
|
||||
<!--[if IE]><link rel="stylesheet" href="_/css/_patches/win-ie-all.css" media="all" /><![endif]-->
|
||||
<!--[if IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie7.css" media="all" /><![endif]-->
|
||||
<!--[if lt IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie-old.css" media="all" /><![endif]-->
|
||||
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
||||
|
||||
<link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'>
|
||||
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
|
||||
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" >
|
||||
<link href="http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise:regular" rel="stylesheet" type="text/css" >
|
||||
|
||||
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
|
||||
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" />
|
||||
|
||||
<link rel="icon" href="favicon.png" />
|
||||
<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]-->
|
||||
<title>Bar template</title>
|
||||
<title>Alonso y Sal</title>
|
||||
</head>
|
||||
<body class="index">
|
||||
|
||||
<div id="inner-wrap">
|
||||
<header>
|
||||
<section id="logo">
|
||||
<h1><a href="#"><span class="coloured">Arribas</a></span></h1>
|
||||
<p>★ desde. 1980 ★</p>
|
||||
<h1><a href="index.html">Arribas</a></h1>
|
||||
<p><span class="coloured-1">«</span> desde 1980 <span class="coloured-1">»</span></p>
|
||||
</section><!--logo ends here-->
|
||||
</header>
|
||||
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="place your description here" />
|
||||
@ -7,28 +7,28 @@
|
||||
<!-- define the width of the page as no wider than the width of the viewport -->
|
||||
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
<link rel="stylesheet" href="css/css/main.css">
|
||||
<link rel="stylesheet" href="css/css/_print/main.css" media="print">
|
||||
<link rel="stylesheet" href="css/main.css"/>
|
||||
<link rel="stylesheet" href="css/_print/main.css" media="print"/>
|
||||
<!--[if IE]><link rel="stylesheet" href="_/css/_patches/win-ie-all.css" media="all" /><![endif]-->
|
||||
<!--[if IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie7.css" media="all" /><![endif]-->
|
||||
<!--[if lt IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie-old.css" media="all" /><![endif]-->
|
||||
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
||||
<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.1.css" media="screen" />
|
||||
<link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'>
|
||||
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
|
||||
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" >
|
||||
<link href="http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise:regular" rel="stylesheet" type="text/css" >
|
||||
|
||||
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
|
||||
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" />
|
||||
|
||||
<link rel="icon" href="favicon.png" />
|
||||
<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]-->
|
||||
<title>Bar template</title>
|
||||
<title>Alonso y Sal</title>
|
||||
</head>
|
||||
<body class="index">
|
||||
|
||||
<div id="inner-wrap">
|
||||
<header>
|
||||
<section id="logo">
|
||||
<h1><a href="#"><span class="coloured">Arribas</a></span></h1>
|
||||
<p>★ desde. 1980 ★</p>
|
||||
<h1><a href="index.html">Arribas</a></h1>
|
||||
<p><span class="coloured-1">«</span> desde 1980 <span class="coloured-1">»</span></p>
|
||||
</section><!--logo ends here-->
|
||||
</header>
|
||||
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="place your description here" />
|
||||
@ -7,28 +7,28 @@
|
||||
<!-- define the width of the page as no wider than the width of the viewport -->
|
||||
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
<link rel="stylesheet" href="css/css/main.css">
|
||||
<link rel="stylesheet" href="css/css/_print/main.css" media="print">
|
||||
<link rel="stylesheet" href="css/main.css"/>
|
||||
<link rel="stylesheet" href="css/_print/main.css" media="print"/>
|
||||
<!--[if IE]><link rel="stylesheet" href="_/css/_patches/win-ie-all.css" media="all" /><![endif]-->
|
||||
<!--[if IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie7.css" media="all" /><![endif]-->
|
||||
<!--[if lt IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie-old.css" media="all" /><![endif]-->
|
||||
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
||||
|
||||
<link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'>
|
||||
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
|
||||
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" >
|
||||
<link href="http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise:regular" rel="stylesheet" type="text/css" >
|
||||
|
||||
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
|
||||
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" />
|
||||
|
||||
<link rel="icon" href="favicon.png" />
|
||||
<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]-->
|
||||
<title>Bar template</title>
|
||||
<title>Alonso y Sal</title>
|
||||
</head>
|
||||
<body class="index">
|
||||
|
||||
<div id="inner-wrap">
|
||||
<header>
|
||||
<section id="logo">
|
||||
<h1><a href="#"><span class="coloured">Arribas</a></span></h1>
|
||||
<p>★ desde. 1980 ★</p>
|
||||
<h1><a href="index.html">Arribas</a></h1>
|
||||
<p><span class="coloured-1">«</span> desde 1980 <span class="coloured-1">»</span></p>
|
||||
</section><!--logo ends here-->
|
||||
</header>
|
||||
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="place your description here" />
|
||||
@ -7,28 +7,28 @@
|
||||
<!-- define the width of the page as no wider than the width of the viewport -->
|
||||
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
<link rel="stylesheet" href="css/css/main.css">
|
||||
<link rel="stylesheet" href="css/css/_print/main.css" media="print">
|
||||
<link rel="stylesheet" href="css/main.css"/>
|
||||
<link rel="stylesheet" href="css/_print/main.css" media="print"/>
|
||||
<!--[if IE]><link rel="stylesheet" href="_/css/_patches/win-ie-all.css" media="all" /><![endif]-->
|
||||
<!--[if IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie7.css" media="all" /><![endif]-->
|
||||
<!--[if lt IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie-old.css" media="all" /><![endif]-->
|
||||
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
||||
|
||||
<link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'>
|
||||
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
|
||||
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" >
|
||||
<link href="http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise:regular" rel="stylesheet" type="text/css" >
|
||||
|
||||
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
|
||||
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" />
|
||||
|
||||
<link rel="icon" href="favicon.png" />
|
||||
<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]-->
|
||||
<title>Bar template</title>
|
||||
<title>Alonso y Sal</title>
|
||||
</head>
|
||||
<body class="index">
|
||||
|
||||
<div id="inner-wrap">
|
||||
<header>
|
||||
<section id="logo">
|
||||
<h1><a href="#"><span class="coloured">Arribas</a></span></h1>
|
||||
<p>★ desde. 1980 ★</p>
|
||||
<h1><a href="index.html">Arribas</a></h1>
|
||||
<p><span class="coloured-1">«</span> desde 1980 <span class="coloured-1">»</span></p>
|
||||
</section><!--logo ends here-->
|
||||
</header>
|
||||
|
||||
@ -46,7 +46,7 @@
|
||||
<li><a href="#" rel="#panel-1" class="active">email us</a></li>
|
||||
<li><a href="#" rel="#panel-2" class="active">the address</a></li>
|
||||
</ul-->
|
||||
<div class="mask">
|
||||
<div><!--div class="mask"-->
|
||||
<div class="slider-body">
|
||||
<div class="panel" id="panel-1">
|
||||
<section class="panelinfo">
|
||||
@ -131,17 +131,11 @@ method="post" target="hidden_iframe" id="contact" onSubmit="submitted=true;">
|
||||
</ol>
|
||||
</fieldset>
|
||||
</form>
|
||||
|
||||
</div><!--form-wrapper ends here-->
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div class="panel" id="panel-2">
|
||||
<section class="panelinfo">
|
||||
<h2>Our address</h2>
|
||||
<p>Place your address, telephone, any details you wish right here.</p>
|
||||
<p>View how to get to our place at <a href="location.html">Location Page</a>.</p>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- .mask ends here-->
|
||||
<div class="clear"></div>
|
||||
@ -154,7 +148,7 @@ method="post" target="hidden_iframe" id="contact" onSubmit="submitted=true;">
|
||||
<a href="gallery.html">Galería</a>
|
||||
<a href="menu.html">Ofertas</a>
|
||||
<a href="location.html">Localización</a>
|
||||
<a href="#">Contacto </a>
|
||||
<a href="#" class="current">Contacto </a>
|
||||
</nav>
|
||||
|
||||
<section id="social">
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
/*- BROWSER-SPECIFIC CSS "PATCHES"
|
||||
----------------------------------------------------------------------*/
|
||||
@import url("win-ie6-below.css");
|
||||
|
||||
@media tty {
|
||||
i{content:"\";/*" "*/}} @import 'win-ie5.css'; /*";}
|
||||
}/* */
|
||||
/*- BROWSER-SPECIFIC CSS "PATCHES"
|
||||
----------------------------------------------------------------------*/
|
||||
@import url("win-ie6-below.css");
|
||||
|
||||
@media tty {
|
||||
i{content:"\";/*" "*/}} @import 'win-ie5.css'; /*";}
|
||||
}/* */
|
||||
@ -1,4 +1,4 @@
|
||||
|
||||
/*- Core, patch-free design
|
||||
----------------------------------------------------------------------*/
|
||||
@import url("core.css");
|
||||
|
||||
/*- Core, patch-free design
|
||||
----------------------------------------------------------------------*/
|
||||
@import url("core.css");
|
||||
@ -1,16 +1,16 @@
|
||||
|
||||
/*- CSS "libraries"
|
||||
----------------------------------------------------------------------*/
|
||||
@import url("reset.css");
|
||||
|
||||
|
||||
/*- Core, patch-free design
|
||||
----------------------------------------------------------------------*/
|
||||
@import url("core.css");
|
||||
|
||||
|
||||
/*- Browser-specific patches
|
||||
----------------------------------------------------------------------*/
|
||||
/*\*//*/
|
||||
@import url("patches/mac-ie5.css");
|
||||
|
||||
/*- CSS "libraries"
|
||||
----------------------------------------------------------------------*/
|
||||
@import url("reset.css");
|
||||
|
||||
|
||||
/*- Core, patch-free design
|
||||
----------------------------------------------------------------------*/
|
||||
@import url("core.css");
|
||||
|
||||
|
||||
/*- Browser-specific patches
|
||||
----------------------------------------------------------------------*/
|
||||
/*\*//*/
|
||||
@import url("patches/mac-ie5.css");
|
||||
/**/
|
||||
@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="place your description here" />
|
||||
@ -7,28 +7,28 @@
|
||||
<!-- define the width of the page as no wider than the width of the viewport -->
|
||||
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
<link rel="stylesheet" href="css/css/main.css">
|
||||
<link rel="stylesheet" href="css/css/_print/main.css" media="print">
|
||||
<link rel="stylesheet" href="css/main.css"/>
|
||||
<link rel="stylesheet" href="css/_print/main.css" media="print"/>
|
||||
<!--[if IE]><link rel="stylesheet" href="_/css/_patches/win-ie-all.css" media="all" /><![endif]-->
|
||||
<!--[if IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie7.css" media="all" /><![endif]-->
|
||||
<!--[if lt IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie-old.css" media="all" /><![endif]-->
|
||||
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
||||
<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.1.css" media="screen" />
|
||||
<link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'>
|
||||
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
|
||||
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" >
|
||||
<link href="http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise:regular" rel="stylesheet" type="text/css" >
|
||||
|
||||
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
|
||||
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" />
|
||||
|
||||
<link rel="icon" href="favicon.png" />
|
||||
<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]-->
|
||||
<title>Bar template</title>
|
||||
<title>Alonso y Sal</title>
|
||||
</head>
|
||||
<body class="index">
|
||||
|
||||
<div id="inner-wrap">
|
||||
<header>
|
||||
<section id="logo">
|
||||
<h1><a href="#"><span class="coloured">Arribas</a></span></h1>
|
||||
<p>★ desde. 1980 ★</p>
|
||||
<h1><a href="index.html">Arribas</a></h1>
|
||||
<p><span class="coloured-1">«</span> desde 1980 <span class="coloured-1">»</span></p>
|
||||
</section><!--logo ends here-->
|
||||
</header>
|
||||
|
||||
@ -43,9 +43,9 @@
|
||||
</div><!--colours ends here-->
|
||||
<div id="hero-slider">
|
||||
<ul>
|
||||
<li><a href="#" rel="#panel-3">Catálogo</a></li>
|
||||
<li><a href="#" rel="#panel-2">Montajes </a></li>
|
||||
<li><a href="#" rel="#panel-1" class="active">Exposición</a></li>
|
||||
<li><a href="#" rel="#panel-2" class="active">Montajes </a></li>
|
||||
<li><a href="#" rel="#panel-3" class="active">Catálogo</a></li>
|
||||
</ul>
|
||||
<div class="mask">
|
||||
<div class="slider-body">
|
||||
@ -55,42 +55,42 @@
|
||||
<a class="grouped_elements" rel="group1" href="images/galeria-exposicion-cocinas-1b.jpg" width="800" height="600" alt=""><img src="images/galeria-exposicion-cocinas-1s.jpg" width="139" height="120" alt=""/></a>
|
||||
<a class="grouped_elements" rel="group1" href="images/galeria-exposicion-cocinas-2b.jpg" width="800" height="600" alt=""><img src="images/galeria-exposicion-cocinas-2s.jpg" width="139" height="120" alt=""/></a>
|
||||
<a class="grouped_elements" rel="group1" href="images/galeria-exposicion-cocinas-3b.jpg" width="800" height="600" alt=""><img src="images/galeria-exposicion-cocinas-3s.jpg" width="139" height="120" alt=""/></a>
|
||||
<a class="grouped_elements lastimg" rel="group1" href="images/galeria-exposicion-cocinas-4b.jpg" width="800" height="600" alt=""><img src="images/galeria-exposicion-cocinas-4s.jpg" width="139" height="120" alt=""/></a>
|
||||
<a class="grouped_elements lastimg" rel="group1" href="images/no-foto.gif" width="800" height="600" alt=""><img src="images/no-foto.gif" width="139" height="120" alt=""/></a>
|
||||
|
||||
<h2>Baños</h2>
|
||||
<a class="grouped_elements" rel="group1" href="images/galeria-exposicion-banos-1b.jpg" width="800" height="600" alt=""><img src="images/galeria-exposicion-banos-1s.jpg" width="139" height="120" alt=""/></a>
|
||||
<a class="grouped_elements" rel="group1" href="images/galeria-exposicion-banos-2b.jpg" width="800" height="600" alt=""><img src="images/galeria-exposicion-banos-2s.jpg" width="139" height="120" alt=""/></a>
|
||||
<a class="grouped_elements" rel="group1" href="images/galeria-exposicion-banos-3b.jpg" width="800" height="600" alt=""><img src="images/galeria-exposicion-banos-3s.jpg" width="139" height="120" alt=""/></a>
|
||||
<a class="grouped_elements lastimg" rel="group1" href="images/galeria-exposicion-banos-4b.jpg" width="800" height="600" alt=""><img src="images/galeria-exposicion-banos-4s.jpg" width="139" height="120" alt=""/></a>
|
||||
<a class="grouped_elements" rel="group1" href="images/no-foto.gif" width="800" height="600" alt=""><img src="images/no-foto.gif" width="139" height="120" alt=""/></a>
|
||||
<a class="grouped_elements lastimg" rel="group1" href="images/no-foto.gif" width="800" height="600" alt=""><img src="images/no-foto.gif" width="139" height="120" alt=""/></a>
|
||||
</section>
|
||||
</div>
|
||||
<div class="panel" id="panel-2">
|
||||
<section class="panelinfo">
|
||||
<h2>Cocinas</h2>
|
||||
<a class="grouped_elements" rel="group1" href="images/gallery-pic1-big.jpg"><img src="images/gallery-pic1-small.jpg" alt=""/></a>
|
||||
<a class="grouped_elements" rel="group1" href="images/gallery-pic2-big.jpg"><img src="images/gallery-pic2-small.jpg" alt=""/></a>
|
||||
<a class="grouped_elements" rel="group1" href="images/gallery-pic1-big.jpg"><img src="images/gallery-pic1-small.jpg" alt=""/></a>
|
||||
<a class="grouped_elements lastimg" rel="group1" href="images/gallery-pic2-big.jpg"><img src="images/gallery-pic2-small.jpg" alt=""/></a>
|
||||
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
||||
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
||||
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
||||
<a class="grouped_elements lastimg" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
||||
<h2>Baños</h2>
|
||||
<a class="grouped_elements" rel="group1" href="images/gallery-pic1-big.jpg"><img src="images/gallery-pic1-small.jpg" alt=""/></a>
|
||||
<a class="grouped_elements" rel="group1" href="images/gallery-pic2-big.jpg"><img src="images/gallery-pic2-small.jpg" alt=""/></a>
|
||||
<a class="grouped_elements" rel="group1" href="images/gallery-pic1-big.jpg"><img src="images/gallery-pic1-small.jpg" alt=""/></a>
|
||||
<a class="grouped_elements lastimg" rel="group1" href="images/gallery-pic2-big.jpg"><img src="images/gallery-pic2-small.jpg" alt=""/></a>
|
||||
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
||||
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
||||
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
||||
<a class="grouped_elements lastimg" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div class="panel" id="panel-3">
|
||||
<section class="panelinfo">
|
||||
<h2>Cocinas</h2>
|
||||
<a class="grouped_elements" rel="group1" href="images/gallery-pic1-big.jpg"><img src="images/gallery-pic1-small.jpg" alt=""/></a>
|
||||
<a class="grouped_elements" rel="group1" href="images/gallery-pic2-big.jpg"><img src="images/gallery-pic2-small.jpg" alt=""/></a>
|
||||
<a class="grouped_elements" rel="group1" href="images/gallery-pic1-big.jpg"><img src="images/gallery-pic1-small.jpg" alt=""/></a>
|
||||
<a class="grouped_elements lastimg" rel="group1" href="images/gallery-pic2-big.jpg"><img src="images/gallery-pic2-small.jpg" alt=""/></a>
|
||||
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
||||
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
||||
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
||||
<a class="grouped_elements lastimg" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
||||
<h2>Baños</h2>
|
||||
<a class="grouped_elements" rel="group1" href="images/gallery-pic1-big.jpg"><img src="images/gallery-pic1-small.jpg" alt=""/></a>
|
||||
<a class="grouped_elements" rel="group1" href="images/gallery-pic2-big.jpg"><img src="images/gallery-pic2-small.jpg" alt=""/></a>
|
||||
<a class="grouped_elements" rel="group1" href="images/gallery-pic1-big.jpg"><img src="images/gallery-pic1-small.jpg" alt=""/></a>
|
||||
<a class="grouped_elements lastimg" rel="group1" href="images/gallery-pic2-big.jpg"><img src="images/gallery-pic2-small.jpg" alt=""/></a>
|
||||
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
||||
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
||||
<a class="grouped_elements" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
||||
<a class="grouped_elements lastimg" rel="group1" href="images/no-foto.gif"><img src="images/no-foto.gif" alt=""/></a>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
@ -101,8 +101,7 @@
|
||||
<nav id="side">
|
||||
<a href="index.html">Inicio</a>
|
||||
<a href="about.html">Quienes somos</a>
|
||||
<!--a href="service.html">services</a-->
|
||||
<a href="#">Galería</a>
|
||||
<a href="#" class="current">Galería</a>
|
||||
<a href="menu.html">Ofertas</a>
|
||||
<a href="location.html">Localización</a>
|
||||
<a href="contact.html">Contacto </a>
|
||||
@ -138,7 +137,9 @@
|
||||
<script src="js/jquery.ez-bg-resize.js" charset="utf-8"></script>
|
||||
<script src="js/lib.js" charset="utf-8"></script>
|
||||
<script src="fancybox/jquery.fancybox-1.3.1.pack.js"></script>
|
||||
|
||||
<script>
|
||||
|
||||
$(document).ready(function() {
|
||||
$("#body-background").ezBgResize();
|
||||
});
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 271 KiB After Width: | Height: | Size: 101 KiB |
BIN
src/images/logo.png
Normal file
BIN
src/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
BIN
src/images/no-foto.gif
Normal file
BIN
src/images/no-foto.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
104
src/index.html
104
src/index.html
@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content ="place description here"/>
|
||||
@ -7,20 +7,20 @@
|
||||
<!-- define the width of the page as no wider than the width of the viewport -->
|
||||
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
<link rel="stylesheet" href="css/css/main.css">
|
||||
<link rel="stylesheet" href="css/css/_print/main.css" media="print">
|
||||
<!--[if IE]><link rel="stylesheet" href="_/css/_patches/win-ie-all.css" media="all" /><![endif]-->
|
||||
<link rel="stylesheet" href="css/main.css"/>
|
||||
<link rel="stylesheet" href="css/_print/main.css" media="print"/>
|
||||
<!--[if IE]><link rel="stylesheet" href="_/css/_patches/win-ie-all.css" media="all" /><![endif]-->
|
||||
<!--[if IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie7.css" media="all" /><![endif]-->
|
||||
<!--[if lt IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie-old.css" media="all" /><![endif]-->
|
||||
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
||||
<link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'>
|
||||
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
|
||||
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" >
|
||||
<link href="http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise:regular" rel="stylesheet" type="text/css" >
|
||||
|
||||
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
|
||||
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" />
|
||||
|
||||
<link rel="icon" href="favicon.png" />
|
||||
|
||||
<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]-->
|
||||
<title>Bar template</title>
|
||||
<title>Alonso y Sal</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@ -29,15 +29,15 @@
|
||||
<div id="inner-wrap">
|
||||
<header>
|
||||
<section id="logo">
|
||||
<h1><a href="#"><span class="coloured">Arribas</a></span></h1>
|
||||
<p>★ desde. 1980 ★</p>
|
||||
<h1><a href="index.html">Arribas</a></h1>
|
||||
<p><span class="coloured-1">«</span> desde 1980 <span class="coloured-1">»</span></p>
|
||||
</section><!--logo ends here-->
|
||||
</header>
|
||||
|
||||
<div id="main-content">
|
||||
<section id="frontpage">
|
||||
<article>
|
||||
<h1>Más de 30 años <span class="coloured">diseñando y montando</span> cocinas y baños en Madrid</h1>
|
||||
<h1>Más de 30 años <span class="coloured-2">diseñando y montando</span> <span class="coloured-1">cocinas y baños</span> en <span class="coloured-2">Madrid</span></h1>
|
||||
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies
|
||||
eget, tempor sit amet, ante. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. </p>
|
||||
</article>
|
||||
@ -45,25 +45,37 @@
|
||||
<div id="panel">
|
||||
<div class="panelblock">
|
||||
<nav id="slide-nav">
|
||||
<a href="about.html">Quienes somos | </a>
|
||||
<a href="about.html">Quienes somos</a><span class="coloured-3"> | </span>
|
||||
<!--a href="service.html">services | </a-->
|
||||
<a href="gallery.html">Galería |</a>
|
||||
<a href="menu.html">Ofertas |</a>
|
||||
<a href="location.html">Localización | </a>
|
||||
<a href="contact.html">Contacto </a>
|
||||
<a href="gallery.html">Galería</a><span class="coloured-3"> | </span>
|
||||
<a href="menu.html">Ofertas</a><span class="coloured-3"> | </span>
|
||||
<a href="location.html">Localización</a><span class="coloured-3"> | </span>
|
||||
<a href="contact.html">Contacto</a>
|
||||
</nav>
|
||||
</div><!--panelblock ends here-->
|
||||
</div><!--panel ends here-->
|
||||
<div id="bottom-nav"><a class="btn-slide" href="#">
|
||||
<div id="triangle-down"></div>
|
||||
Menú</a></div>
|
||||
</div><!--main-content ends here-->
|
||||
</div><!--inner-wrap ends here-->
|
||||
<div id="bottom-nav">
|
||||
<a class="btn-slide" href="#"><div id="triangle-down"></div>Menú</a>
|
||||
</div>
|
||||
</div><!--main-content ends here-->
|
||||
</div><!--inner-wrap ends here-->
|
||||
</div><!--wrapper ends here-->
|
||||
|
||||
<!--scripts-->
|
||||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
|
||||
<script src="js/cross-slide.js"></script>
|
||||
<script src="js/jquery.ez-bg-resize.js" charset="utf-8"></script>
|
||||
<script>
|
||||
|
||||
$(window).load(function() {
|
||||
$("#crossslide").ezBgResize();
|
||||
});
|
||||
|
||||
$(window).bind("resize", function(){
|
||||
$("#crossslide").ezBgResize();
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$(".btn-slide").click(function(){
|
||||
@ -77,29 +89,31 @@ $(document).ready(function(){
|
||||
<script>
|
||||
//<!--
|
||||
$(function(){
|
||||
$('#crossslide').crossSlide({
|
||||
speed: 30,
|
||||
fade: 1
|
||||
}, [
|
||||
{
|
||||
src: 'images/bg1.jpg', dir:'up',
|
||||
},
|
||||
{
|
||||
src: 'images/bg2.jpg', dir:'down',
|
||||
},
|
||||
{
|
||||
src: 'images/bg3.jpg', dir:'up',
|
||||
},
|
||||
{
|
||||
src: 'images/bg4.jpg', dir:'down',
|
||||
},
|
||||
{
|
||||
src: 'images/bg5.jpg', dir:'up',
|
||||
},
|
||||
{
|
||||
src: 'images/bg6.jpg', dir:'down',
|
||||
}
|
||||
]);
|
||||
$('#crossslide').crossSlide({
|
||||
sleep: 5,
|
||||
fade: 2,
|
||||
variant: true,
|
||||
easing: 'easeInOutQuad'
|
||||
}, [
|
||||
{
|
||||
src: 'images/bg1.jpg',
|
||||
},
|
||||
{
|
||||
src: 'images/bg2.jpg'
|
||||
},
|
||||
{
|
||||
src: 'images/bg3.jpg'
|
||||
},
|
||||
{
|
||||
src: 'images/bg4.jpg'
|
||||
},
|
||||
{
|
||||
src: 'images/bg5.jpg'
|
||||
},
|
||||
{
|
||||
src: 'images/bg6.jpg'
|
||||
}
|
||||
]);
|
||||
});
|
||||
// -->
|
||||
</script>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content ="Place your description here"/>
|
||||
@ -8,16 +8,16 @@
|
||||
<meta name="copyright" content="Copyright Virtuti-D 2008-2011" />
|
||||
<meta name="viewport" content="initial-scale=0, user-scalable=no" />
|
||||
|
||||
<link rel="stylesheet" href="css/css/main.css">
|
||||
<link rel="stylesheet" href="css/css/_print/main.css" media="print">
|
||||
<link rel="stylesheet" href="css/main.css"/>
|
||||
<link rel="stylesheet" href="css/_print/main.css" media="print"/>
|
||||
<!--[if IE]><link rel="stylesheet" href="_/css/_patches/win-ie-all.css" media="all" /><![endif]-->
|
||||
<!--[if IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie7.css" media="all" /><![endif]-->
|
||||
<!--[if lt IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie-old.css" media="all" /><![endif]-->
|
||||
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
||||
<link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'>
|
||||
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
|
||||
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" >
|
||||
<link href="http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise:regular" rel="stylesheet" type="text/css" >
|
||||
|
||||
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
|
||||
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" />
|
||||
|
||||
<link href="styles.css" rel="stylesheet" type="text/css" />
|
||||
<title>Arribas localización y dirección</title>
|
||||
</head>
|
||||
@ -25,8 +25,8 @@
|
||||
<div id="inner-wrap-map">
|
||||
<header>
|
||||
<section id="logo">
|
||||
<h1><a href="#"><span class="coloured">Arribas</a></span></h1>
|
||||
<p>★ desde. 1980 ★</p>
|
||||
<h1><a href="index.html">Arribas</a></h1>
|
||||
<p><span class="coloured-1">«</span> desde 1980 <span class="coloured-1">»</span></p>
|
||||
</section><!--logo ends here-->
|
||||
</header>
|
||||
|
||||
@ -35,7 +35,7 @@
|
||||
<a href="about.html">Quienes somos </a>
|
||||
<a href="gallery.html">Galería</a>
|
||||
<a href="menu.html">Ofertas</a>
|
||||
<a href="#">Localización</a>
|
||||
<a href="#" class="current">Localización</a>
|
||||
<a href="contact.html">Contacto</a>
|
||||
<!--a href="service.html">services</a-->
|
||||
</nav>
|
||||
@ -59,13 +59,17 @@
|
||||
var contentString = '<div id="content">'+
|
||||
'<div id="siteNotice">'+
|
||||
'</div>'+
|
||||
'<h1 id="firstHeading" class="firstHeading">Welcome to CuppyBar!</h1>'+
|
||||
'<h1 id="firstHeading" class="firstHeading">Arribas</h1>'+
|
||||
'<div id="bodyContent">'+
|
||||
'<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>'+
|
||||
'<h2>Mobiliario de Cocina y Electrodomésticos</h2>'+
|
||||
'<div id="address">'+
|
||||
'<p>Place your address, zip-code and telephone number right here. You may place also email address here.</p>'+
|
||||
'<p>Vía Carpetana, 342 (Esquina Luis Feito)<br/>28047 Madrid<br/>Teléfonos: 91 465 28 42 / 91 465 27 41<br/>Fax: 91 462 33 88<br/></p>'+
|
||||
'</div>'+
|
||||
'<figure><img src="images/outside.jpg" width="400" height="260" alt="bar outside"/></figure>'
|
||||
'<h2>Mobiliario y accesorios de Baño</h2>'+
|
||||
'<div id="address">'+
|
||||
'<p>Vía Carpetana, 340<br/>28047 Madrid<br/>Teléfono y fax: 91 462 54 55</p>'+
|
||||
'</div>'+
|
||||
'<!--<figure><img src="images/outside.jpg" width="400" height="260" alt="bar outside"/></figure>-->'
|
||||
'</div>'+
|
||||
'</div>';
|
||||
var infowindow = new google.maps.InfoWindow({
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="place your description here" />
|
||||
@ -7,28 +7,28 @@
|
||||
<!-- define the width of the page as no wider than the width of the viewport -->
|
||||
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
<link rel="stylesheet" href="css/css/main.css">
|
||||
<link rel="stylesheet" href="css/css/_print/main.css" media="print">
|
||||
<link rel="stylesheet" href="css/main.css"/>
|
||||
<link rel="stylesheet" href="css/_print/main.css" media="print"/>
|
||||
<!--[if IE]><link rel="stylesheet" href="_/css/_patches/win-ie-all.css" media="all" /><![endif]-->
|
||||
<!--[if IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie7.css" media="all" /><![endif]-->
|
||||
<!--[if lt IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie-old.css" media="all" /><![endif]-->
|
||||
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
||||
<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.1.css" media="screen" />
|
||||
<link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'>
|
||||
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
|
||||
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" >
|
||||
<link href="http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise:regular" rel="stylesheet" type="text/css" >
|
||||
|
||||
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
|
||||
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" />
|
||||
|
||||
<link rel="icon" href="favicon.png" />
|
||||
<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]-->
|
||||
<title>Bar template</title>
|
||||
<title>Alonso y Sal</title>
|
||||
</head>
|
||||
<body class="index">
|
||||
|
||||
<div id="inner-wrap">
|
||||
<header>
|
||||
<section id="logo">
|
||||
<h1><a href="#"><span class="coloured">Arribas</a></span></h1>
|
||||
<p>★ desde. 1980 ★</p>
|
||||
<h1><a href="index.html">Arribas</a></h1>
|
||||
<p><span class="coloured-1">«</span> desde 1980 <span class="coloured-1">»</span></p>
|
||||
</section><!--logo ends here-->
|
||||
</header>
|
||||
|
||||
@ -42,8 +42,9 @@
|
||||
</div><!--colours ends here-->
|
||||
<div id="hero-slider">
|
||||
<ul>
|
||||
<li><a href="#" rel="#panel-1">Ofertas</a></li>
|
||||
<li><a href="#" rel="#panel-1" class="active">Liquidaciones</a></li>
|
||||
<!--li><a href="#" rel="#panel-2" class="active">Ofertas</a></li--><li><a href="#" rel="#panel-1" class="active">Ofertas</a></li>
|
||||
<!--li><a href="#" rel="#panel-2" class="active">Ofertas</a></li-->
|
||||
<!--li><a href="#" rel="#panel-3" class="active">Salads</a></li-->
|
||||
<!--li><a href="#" rel="#panel-4" class="active">Specials</a></li-->
|
||||
</ul>
|
||||
@ -107,7 +108,7 @@
|
||||
<ol class="items">
|
||||
<li>
|
||||
<div class="item-wrapper">
|
||||
1.999€ (Antes) - 999€(Ahora)</small>
|
||||
<span class="tachado">1.999€</span> 999€</small>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
@ -333,7 +334,7 @@
|
||||
</div><!--panel ends here-->
|
||||
|
||||
<div class="panel" id="panel-4">
|
||||
<section class="panelinfo">
|
||||
<section class="panelinfo2">
|
||||
<h2>Specials for holidays!</h2>
|
||||
<ol class="lists">
|
||||
<li class="title">
|
||||
@ -426,7 +427,7 @@
|
||||
<a href="index.html">Inicio</a>
|
||||
<a href="about.html">Quienes somos </a>
|
||||
<a href="gallery.html">Galería</a>
|
||||
<a href="#">Ofertas</a>
|
||||
<a href="#" class="current">Ofertas</a>
|
||||
<a href="location.html">Localización</a>
|
||||
<a href="contact.html">Contacto</a>
|
||||
<!--a href="service.html">services</a-->
|
||||
@ -462,6 +463,7 @@
|
||||
<script src="js/jquery.ez-bg-resize.js" charset="utf-8"></script>
|
||||
<script src="js/lib.js" charset="utf-8"></script>
|
||||
<script src="fancybox/jquery.fancybox-1.3.1.pack.js"></script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$("#body-background").ezBgResize();
|
||||
|
||||
5
src/nbproject/private/private.properties
Normal file
5
src/nbproject/private/private.properties
Normal file
@ -0,0 +1,5 @@
|
||||
copy.src.files=false
|
||||
copy.src.target=
|
||||
index.file=
|
||||
run.as=LOCAL
|
||||
url=http://localhost/src/
|
||||
7
src/nbproject/project.properties
Normal file
7
src/nbproject/project.properties
Normal file
@ -0,0 +1,7 @@
|
||||
include.path=${php.global.include.path}
|
||||
php.version=PHP_5
|
||||
source.encoding=UTF-8
|
||||
src.dir=.
|
||||
tags.asp=false
|
||||
tags.short=true
|
||||
web.root=.
|
||||
9
src/nbproject/project.xml
Normal file
9
src/nbproject/project.xml
Normal file
@ -0,0 +1,9 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project xmlns="http://www.netbeans.org/ns/project/1">
|
||||
<type>org.netbeans.modules.php.project</type>
|
||||
<configuration>
|
||||
<data xmlns="http://www.netbeans.org/ns/php-project/1">
|
||||
<name>Alonso y Sal</name>
|
||||
</data>
|
||||
</configuration>
|
||||
</project>
|
||||
@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="place your description here" />
|
||||
@ -7,28 +7,28 @@
|
||||
<!-- define the width of the page as no wider than the width of the viewport -->
|
||||
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
<link rel="stylesheet" href="css/css/main.css">
|
||||
<link rel="stylesheet" href="css/css/_print/main.css" media="print">
|
||||
<link rel="stylesheet" href="css/main.css"/>
|
||||
<link rel="stylesheet" href="css/_print/main.css" media="print"/>
|
||||
<!--[if IE]><link rel="stylesheet" href="_/css/_patches/win-ie-all.css" media="all" /><![endif]-->
|
||||
<!--[if IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie7.css" media="all" /><![endif]-->
|
||||
<!--[if lt IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie-old.css" media="all" /><![endif]-->
|
||||
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
||||
|
||||
<link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'>
|
||||
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
|
||||
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" >
|
||||
<link href="http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise:regular" rel="stylesheet" type="text/css" >
|
||||
|
||||
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
|
||||
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" />
|
||||
|
||||
<link rel="icon" href="favicon.png" />
|
||||
<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]-->
|
||||
<title>Bar template</title>
|
||||
<title>Alonso y Sal</title>
|
||||
</head>
|
||||
<body class="index">
|
||||
|
||||
<div id="inner-wrap">
|
||||
<header>
|
||||
<section id="logo">
|
||||
<h1><a href="#"><span class="coloured">Arribas</a></span></h1>
|
||||
<p>★ desde. 1980 ★</p>
|
||||
<h1><a href="index.html">Arribas</a></h1>
|
||||
<p><span class="coloured-1">«</span> desde 1980 <span class="coloured-1">»</span></p>
|
||||
</section><!--logo ends here-->
|
||||
</header>
|
||||
|
||||
|
||||
237
src/styles.css
237
src/styles.css
@ -74,7 +74,7 @@ figure img:hover{
|
||||
height: 0;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-top: 12px solid #607860;
|
||||
border-top: 12px solid #7DA647;
|
||||
margin:4px 6px 0 0;
|
||||
}
|
||||
/***COLOURED TOP STRIPS***/
|
||||
@ -90,19 +90,19 @@ figure img:hover{
|
||||
opacity:0.8;filter:alpha(opacity=80);
|
||||
}
|
||||
#colours .color-1{
|
||||
background-color:#8a8f42;
|
||||
background-color:#C0FF6E; /*#8a8f42;*/
|
||||
}
|
||||
#colours .color-2{
|
||||
background-color:#595610;
|
||||
background-color:#7DA647; /*#595610;*/
|
||||
}
|
||||
#colours .color-3{
|
||||
background-color:#77766a;
|
||||
background-color:#3D5C15; /*#77766a;*/
|
||||
}
|
||||
#colours .color-4{
|
||||
background-color:#9c9504;
|
||||
background-color:#5EA600; /*#9c9504;*/
|
||||
}
|
||||
#colours .color-5{
|
||||
background-color:#817e40;
|
||||
background-color:#A0F037;/*#817e40;*/
|
||||
}
|
||||
.divider{
|
||||
float:left;
|
||||
@ -152,48 +152,48 @@ nav#slide-nav{
|
||||
}
|
||||
nav#slide-nav a{
|
||||
text-transform:uppercase;
|
||||
color:#ccc;
|
||||
color:#111111;
|
||||
padding:0 0 10px 0;
|
||||
display:block;
|
||||
text-shadow:1px 1x 3px #222;
|
||||
letter-spacing:0.1em;
|
||||
|
||||
text-align:center;
|
||||
display:inline;
|
||||
text-shadow:0px 0px 1px #fff;
|
||||
letter-spacing:0.2em;
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity 1s linear;
|
||||
-moz-transition-duration: 1s;
|
||||
-o-transition-duration: 1s;
|
||||
padding:10px 0;
|
||||
font-size:0.8em;
|
||||
font-size:1em;
|
||||
}
|
||||
nav#slide-nav a:hover{
|
||||
color:#293f29;
|
||||
opacity:0;
|
||||
text-shadow:0px 0px 1px #555;
|
||||
color:#C0FF6E;
|
||||
/*text-shadow:0px 0px 1px #555;*/
|
||||
}
|
||||
/* ------------------------------------------------------------------------------------
|
||||
-- 2) SIDE NAVIGATION STYLES FOR ALL PAGES APART INDEX
|
||||
------------------------------------------------------------------------------------ */
|
||||
nav#side{
|
||||
float:right;
|
||||
width:126px;
|
||||
width:148px;
|
||||
margin:40px 20px 0 0;
|
||||
}
|
||||
nav#side a{
|
||||
text-transform:uppercase;
|
||||
color:#ccc;
|
||||
padding:0 10px 5px 0;
|
||||
color:#7DA647;
|
||||
padding:0 5px 10px 0;
|
||||
display:block;
|
||||
letter-spacing:0.2em;
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity 1s linear;
|
||||
letter-spacing:0.1em;
|
||||
/* -webkit-transition: opacity 1s linear;
|
||||
-moz-transition-duration: 1s;
|
||||
-o-transition-duration: 1s;
|
||||
-o-transition-duration: 1s;*/
|
||||
}
|
||||
nav#side a:hover{
|
||||
color:#CDE9CA;
|
||||
padding-top:2px;
|
||||
opacity:0;
|
||||
color:#C0FF6E;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
nav#side a.current {
|
||||
color:#A0F037;
|
||||
}
|
||||
|
||||
#social{
|
||||
float:left;
|
||||
margin-top:20px;
|
||||
@ -220,22 +220,26 @@ nav#top{
|
||||
}
|
||||
nav#top a{
|
||||
text-transform:uppercase;
|
||||
color:#ccc;
|
||||
padding:0 0 5px 0;
|
||||
color:#7DA647;
|
||||
padding:0 0 10px 0;
|
||||
display:block;
|
||||
text-shadow:0px 0px 1px #fff;
|
||||
letter-spacing:0.2em;
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity 1s linear;
|
||||
text-shadow:1px 1x 3px #222;
|
||||
letter-spacing:0.1em;
|
||||
/* -webkit-transition: opacity 1s linear;
|
||||
-moz-transition-duration: 1s;
|
||||
-o-transition-duration: 1s;
|
||||
-o-transition-duration: 1s;*/
|
||||
}
|
||||
nav#top a:hover{
|
||||
color:#5c6229;
|
||||
padding-top:2px;
|
||||
opacity:0;
|
||||
color:#C0FF6E;
|
||||
padding-top:0px;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
nav#top a.current {
|
||||
color:#A0F037;
|
||||
}
|
||||
|
||||
|
||||
/* ------------------------------------------------------------------------------------
|
||||
-- HEADER
|
||||
------------------------------------------------------------------------------------ */
|
||||
@ -252,25 +256,26 @@ header{
|
||||
background:rgba(0,0,0,0.8);
|
||||
}
|
||||
#logo{
|
||||
margin:30px;
|
||||
margin:30px 0;
|
||||
width: 186px;
|
||||
float:left;
|
||||
}
|
||||
#logo h1 a{
|
||||
font-size:2.1em;
|
||||
text-decoration:none;
|
||||
color:#e8e5e5;
|
||||
font-weight:normal;
|
||||
font-family:'Michroma', sans-serif;
|
||||
text-shadow:0 0 1px #555;
|
||||
padding-bottom:0.6em;
|
||||
padding: 38px 0 0 0;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
display:block;
|
||||
background: url('images/logo.png') no-repeat center;
|
||||
|
||||
}
|
||||
#logo p{
|
||||
text-align:center;
|
||||
font-family: 'Waiting for the Sunrise', serif;
|
||||
color:#e8e5e5;
|
||||
font-family: sans-serif;
|
||||
color:#e4ecd9;
|
||||
font-size:1.2em;
|
||||
display:block;
|
||||
padding-top: 0.4em;
|
||||
}
|
||||
/* ------------------------------------------------------------------------------------
|
||||
-- CONTENT SLIDER STYLES ALL PAGES WITH HEIGHT
|
||||
@ -281,13 +286,13 @@ header{
|
||||
border:1px solid #ccc;
|
||||
width:750px;
|
||||
height:458px;
|
||||
margin:40px;
|
||||
margin: 40px 20px 40px 40px;
|
||||
float:left;
|
||||
}
|
||||
#hero-slider .mask {
|
||||
float:left;
|
||||
width:750px;
|
||||
height:381px;
|
||||
height:376px;
|
||||
overflow:hidden;
|
||||
}
|
||||
#hero-slider .panel {
|
||||
@ -332,41 +337,51 @@ a.button{
|
||||
float:left;
|
||||
}
|
||||
#hero-slider ul {
|
||||
margin:20px 20px 40px 20px;
|
||||
list-style:none;
|
||||
float:left;
|
||||
width:710px;
|
||||
background: none repeat scroll 0 0 #DEDEDE;
|
||||
border: 20px solid #DEDEDE;
|
||||
float: left;
|
||||
list-style: none outside none;
|
||||
margin-bottom: 20px;
|
||||
width: 710px;
|
||||
}
|
||||
#hero-slider ul li {
|
||||
margin:0 20px 0 0;
|
||||
float:left;
|
||||
float:right;
|
||||
}
|
||||
#hero-slider ul a {
|
||||
outline:none;
|
||||
text-decoration: none;
|
||||
display:block;
|
||||
color:#555;
|
||||
font-size:0.8em;
|
||||
padding-top:4px;
|
||||
color:#7DA647;
|
||||
font-size:1em;
|
||||
font-family:'Oswald', sans-serif;
|
||||
padding-bottom:4px;
|
||||
padding-top: 2px;
|
||||
text-transform:capitalize;
|
||||
}
|
||||
#hero-slider ul a.active {
|
||||
color:#000;
|
||||
border-top:1px solid #000;
|
||||
color: #3D5C15;
|
||||
border-bottom:1px solid #3D5C15;
|
||||
}
|
||||
.panel h2 {
|
||||
padding:0 0 0.8em 0;
|
||||
color:#9e9e9e;
|
||||
font-size:1.6em;
|
||||
line-height:1.2em;
|
||||
text-transform:uppercase;
|
||||
font-size:1.2em;
|
||||
font-weight:normal;
|
||||
font-family:'Oswald', sans-serif;
|
||||
letter-spacing:2px;
|
||||
color:#3D5C15;
|
||||
padding:0 0 0.8em 0;
|
||||
}
|
||||
.panel h3{
|
||||
color:#555;
|
||||
font-size:1.2em;
|
||||
line-height:1.2em;
|
||||
text-transform:uppercase;
|
||||
font-weight:normal;
|
||||
font-size:1.1em;
|
||||
font-family:'Oswald', sans-serif;
|
||||
text-shadow:0px 1px 1px #fff;
|
||||
padding:0 0 0.8em 0;
|
||||
letter-spacing:2px;
|
||||
color:#3D5C15;
|
||||
padding:0 0 0.8em 0;
|
||||
}
|
||||
.panel p {
|
||||
color:#666;
|
||||
@ -391,15 +406,15 @@ section#hours{
|
||||
float:left;
|
||||
}
|
||||
#hours a.btn-slide:hover{
|
||||
color:#607860;
|
||||
text-shadow: 0px 0px 1px #ECF4E6;
|
||||
color:#7DA647;
|
||||
text-shadow: 1px 1px 3px #ECF4E6;
|
||||
}
|
||||
#panel-hours{
|
||||
float:left;
|
||||
background:rgba(96,120,96,0.8);
|
||||
width:980px;
|
||||
display: none;
|
||||
border:1px solid #607860;
|
||||
border:1px solid #7DA647;
|
||||
}
|
||||
#opening-hours{
|
||||
float:right;
|
||||
@ -407,15 +422,15 @@ section#hours{
|
||||
}
|
||||
#opening-hours p{
|
||||
text-transform:uppercase;
|
||||
color:#ccc;
|
||||
color:#fff;
|
||||
text-align:center;
|
||||
display:inline;
|
||||
text-shadow:0px 0px 1px #fff;
|
||||
letter-spacing:0.2em;
|
||||
text-shadow: 1px 1px 3px #333333;
|
||||
letter-spacing:0.1em;
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity 1s linear;
|
||||
/* -webkit-transition: opacity 1s linear;
|
||||
-moz-transition-duration: 1s;
|
||||
-o-transition-duration: 1s;
|
||||
-o-transition-duration: 1s;*/
|
||||
padding:10px 0;
|
||||
font-size:0.8em;
|
||||
}
|
||||
@ -431,6 +446,7 @@ section#hours{
|
||||
height:100%;
|
||||
margin:0px auto;
|
||||
position:fixed;
|
||||
background: #000;
|
||||
}
|
||||
div#main-content{
|
||||
float:left;
|
||||
@ -454,20 +470,34 @@ div#main-content{
|
||||
#frontpage article h1{
|
||||
font-size:4em;
|
||||
line-height:1.2em;
|
||||
text-transform:capitalize;
|
||||
text-transform:none;
|
||||
font-weight:normal;
|
||||
font-family:'Oswald', sans-serif;
|
||||
letter-spacing:2px;
|
||||
color:#e8e5e5;
|
||||
color:#e4ecd9;
|
||||
}
|
||||
.coloured{
|
||||
color:#607860;
|
||||
text-shadow:0px 1px 1px #000;
|
||||
|
||||
.coloured-1{
|
||||
color:#C0FF6E;
|
||||
}
|
||||
|
||||
.coloured-2, .coloured {
|
||||
color:#7DA647;
|
||||
}
|
||||
.coloured-3{
|
||||
color:#3D5C15;
|
||||
}
|
||||
.coloured-4{
|
||||
color:#5EA600;
|
||||
}
|
||||
.coloured-5{
|
||||
color:#A0F037;
|
||||
}
|
||||
|
||||
#frontpage article p{
|
||||
font-size:0.95em;
|
||||
display:block;
|
||||
margin-top:4em;
|
||||
margin-top:2em;
|
||||
line-height:1.4em;
|
||||
color:#c7c7c7;
|
||||
}
|
||||
@ -483,7 +513,7 @@ div#main-content{
|
||||
border-radius: 0px 0px 4px 4px;
|
||||
}
|
||||
#bottom-nav a.btn-slide{
|
||||
color:#CDE9CA;
|
||||
color:#7DA647;
|
||||
text-align:center;
|
||||
text-transform:uppercase;
|
||||
padding:10px 24px 14px 24px;
|
||||
@ -491,15 +521,15 @@ div#main-content{
|
||||
float:left;
|
||||
}
|
||||
#bottom-nav a.btn-slide:hover{
|
||||
color:#607860;
|
||||
text-shadow: 0px 0px 1px #ECF4E6;
|
||||
color:#C0FF6E;
|
||||
/*text-shadow: 0px 0px 1px #ECF4E6;*/
|
||||
}
|
||||
#panel{
|
||||
float:left;
|
||||
background:rgba(96,120,96,0.8);
|
||||
background:rgba(125,166,71,0.8);
|
||||
width:660px;
|
||||
display: none;
|
||||
border:1px solid #607860;
|
||||
/*display: none;*/
|
||||
border:1px solid #7DA647;
|
||||
}
|
||||
/* ------------------------------------------------------------------------------------
|
||||
-- INDEX ENDS HERE
|
||||
@ -535,7 +565,14 @@ div#main-content{
|
||||
.panelinfo ol.lists li.price{
|
||||
width:218px;
|
||||
margin-right:20px;
|
||||
font-family:'Michroma', sans-serif;
|
||||
font-size: 1.1em;
|
||||
font-family:'Oswald', sans-serif;
|
||||
text-align: right;
|
||||
}
|
||||
.panelinfo ol.lists li.price span.tachado {
|
||||
text-decoration:line-through;
|
||||
color: #999;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
.panelinfo ol.items{
|
||||
float:left;
|
||||
@ -781,7 +818,7 @@ div#content{
|
||||
}
|
||||
div#bodyContent{
|
||||
width:400px;
|
||||
height:410px;
|
||||
/*height:410px;*/
|
||||
float:left;
|
||||
}
|
||||
div#bodyContent p{
|
||||
@ -790,12 +827,12 @@ div#bodyContent p{
|
||||
margin-bottom:20px;
|
||||
}
|
||||
h1#firstHeading{
|
||||
font-family:'Mako', sans-serif;
|
||||
font-family:sans-serif;
|
||||
font-size:1.2em;
|
||||
color:#555;
|
||||
color:#7DA647;
|
||||
padding-bottom:0.5em;
|
||||
text-transform:uppercase;
|
||||
font-weight:normal;
|
||||
font-weight:bold;
|
||||
}
|
||||
#map_canvas{
|
||||
height:100%;
|
||||
@ -847,10 +884,7 @@ form#contact li.form-item6{
|
||||
margin:0 0 20px 20px;
|
||||
}
|
||||
.form-wrapper label {
|
||||
/* display:block;*/
|
||||
height:0;
|
||||
margin:0;
|
||||
text-indent:-9999px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.form-wrapper input {
|
||||
border:none;
|
||||
@ -888,7 +922,7 @@ form#contact textarea{
|
||||
}
|
||||
#buttonsubmit {
|
||||
float:left;
|
||||
background:#9db09f;
|
||||
background:#5EA600;
|
||||
opacity:1;
|
||||
-moz-transition:opacity .3s ease-in-out;
|
||||
-webkit-transition:opacity .3s ease-in-out;
|
||||
@ -897,18 +931,19 @@ form#contact textarea{
|
||||
-webkit-border-radius:4px;
|
||||
-khtml-border-radius: 4px;
|
||||
border-radius:4px
|
||||
-moz-box-shadow:4px 4px 0 #8a9b8c;
|
||||
-webkit-box-shadow:4px 4px 0 #8a9b8c;
|
||||
box-shadow:4px 4px 0 #8a9b8c;;
|
||||
color:#555;
|
||||
-moz-box-shadow:4px 4px 0 #3D5C15;
|
||||
-webkit-box-shadow:4px 4px 0 #3D5C15;
|
||||
box-shadow:4px 4px 0 #3D5C15;;
|
||||
color:#A0F037;
|
||||
font-size:1.1em;
|
||||
text-transform:uppercase;
|
||||
text-shadow:0px 1px 1px #ddd;
|
||||
text-shadow:0px 1px 1px #7DA647;
|
||||
font-weight:bold;
|
||||
cursor:pointer;
|
||||
}
|
||||
#buttonsubmit:hover,
|
||||
#buttonsubmit:focus {
|
||||
color:#C0FF6E;
|
||||
opacity:.9;
|
||||
}
|
||||
/* ------------------------------------------------------------------------------------
|
||||
@ -1113,7 +1148,7 @@ p.small{
|
||||
#thanks h1{
|
||||
font-size:1.9em;
|
||||
color:#555;
|
||||
text-shadow:0 0 1px #000;
|
||||
text-shadow:1 1 3px #000;
|
||||
display:block;
|
||||
margin-bottom:20px;
|
||||
}
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="description" content="place your description here" />
|
||||
@ -7,28 +7,28 @@
|
||||
<!-- define the width of the page as no wider than the width of the viewport -->
|
||||
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
<link rel="stylesheet" href="css/css/main.css">
|
||||
<link rel="stylesheet" href="css/css/_print/main.css" media="print">
|
||||
<link rel="stylesheet" href="css/main.css"/>
|
||||
<link rel="stylesheet" href="css/_print/main.css" media="print"/>
|
||||
<!--[if IE]><link rel="stylesheet" href="_/css/_patches/win-ie-all.css" media="all" /><![endif]-->
|
||||
<!--[if IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie7.css" media="all" /><![endif]-->
|
||||
<!--[if lt IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie-old.css" media="all" /><![endif]-->
|
||||
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
||||
|
||||
<link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'>
|
||||
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
|
||||
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" >
|
||||
<link href="http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise:regular" rel="stylesheet" type="text/css" >
|
||||
|
||||
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
|
||||
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" />
|
||||
|
||||
<link rel="icon" href="favicon.png" />
|
||||
<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]-->
|
||||
<title>Bar template</title>
|
||||
<title>Alonso y Sal</title>
|
||||
</head>
|
||||
<body class="index">
|
||||
|
||||
<div id="inner-wrap">
|
||||
<header>
|
||||
<section id="logo">
|
||||
<h1><a href="#"><span class="coloured">Arribas</a></span></h1>
|
||||
<p>★ desde. 1980 ★</p>
|
||||
<h1><a href="index.html">Arribas</a></h1>
|
||||
<p><span class="coloured-1">«</span> desde 1980 <span class="coloured-1">»</span></p>
|
||||
</section><!--logo ends here-->
|
||||
</header>
|
||||
|
||||
@ -44,10 +44,8 @@
|
||||
<div class="panel">
|
||||
<section class="panelinfo">
|
||||
<div id="thanks">
|
||||
<h1>Thank you very much!</h1>
|
||||
<p>Your message has been sent. We shall come back with reply within 24 business hours to email address you have provided.
|
||||
In the meantime you might want to check and join our Facebook page if you haven’t done that before.
|
||||
We shall be glad to see you among our friends!</p>
|
||||
<h1>¡Gracias!</h1>
|
||||
<p></p>
|
||||
</div>
|
||||
</div><!--panel ends here-->
|
||||
<div id="empty-block"></div>
|
||||
|
||||
Reference in New Issue
Block a user