Pagina-web-CF/index.html at master · Haross/Pagina-web-CF · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<html>
<head>
	<meta charset="utf-8">
	<link rel="stylesheet" href="style.css">
	<title>International Pizza</title>
	<link href='http://fonts.googleapis.com/css?family=Merriweather:400,700|Raleway:400,300' rel='stylesheet' type='text/css'>
</head>
<body>
	<header id = "Menu">
		<nav class = "no-desplazamiento inline-block small-border">
			<ul class= "no-desplazamiento inline-block small-border">
				<li class= "inline-block small-border" >
					<a href="#Nosotros" class="text-center font-Merriweather inline-block medium-width no-text-decoration white-text">
						Nosotros
					</a>
				</li>
				<li class= "inline-block small-border" >
					<a href="#Productos" class="text-center font-Merriweather inline-block medium-width no-text-decoration white-text">
						Productos
					</a>
				</li>
				<li class= "inline-block small-border" >
					<a href="#Distribuidores"class="text-center font-Merriweather inline-block medium-width no-text-decoration white-text" >
						Distribuidores
					</a>
				</li>
			</ul>
		</nav>
	</header>
	<header id = "Portada" class="text-center">
		<img src="imgs/Logo.png" class="small-width-pic">
		<h1 class = "white-text "> La pizza más rica del mundo</h1>
	</header>
	<section id="Nosotros" class="medium-border-top no-desplazamiento almostbigger-width wrapper">
		<h1 class="text-center font-Merriweather small-bottom-space be-medium">¿Quiénes somos?</h1>
		<img src="imgs/who-we-are.jpg" class="float-left medium-border">
		<p class="small-border-top be-small text-justify">
			Somos una franquicia internacional de restaurantes de comida
			rápida, especializada en la elaboracion	de pizzas de diferentes
			partes del mundo.
		</p>
	</section>
	<section class="background-gray">
		<div id="Productos" class="medium-border-top text-center no-desplazamiento almostbigger-width wrapper">
			<h1 class="text-center font-Merriweather be-medium">Nuestros productos</h1>
			<div class="medium-bottom-space">
				<h2>4 quesos</h2>
				<p>Queso mozarella, queso crema, queso cheddar, queso parmesano</p>
				<img src="imgs/4quesos.jpg" class="ocupa-mitad-h ocupa-mitad-w small-border-top" >
			</div>
			<div class="medium-bottom-space">
				<h2 class="font-Merriweather">Peperonni especial</h2>
				<p>Pepperoni, extra queso, champiñones</p>
				<img src="imgs/peperonni.jpg" class="ocupa-mitad-h ocupa-mitad-w small-border-top"  >
			</div>
			<div class="medium-bottom-space">
				<h2 class="font-Merriweather">Hawaiana</h2>
				<p>Jamon, piña, extraqueso</p>
				<img src="imgs/hawaiana.jpeg" class="ocupa-mitad-h ocupa-mitad-w small-border-top"  >
			</div>
			<div class="medium-bottom-space">
				<h2 class="font-Merriweather">Mexicana</h2>
				<p class="be-small">Chorizo, carne molida, jalapeño,cebolla.</p>
				<img src=" imgs/Mexicana.jpg" class="ocupa-mitad-h ocupa-mitad-w small-border-top" >
			</div>
			<div class="medium-bottom-space">
				<h2 class="font-Merriweather">Carnes frias</h2>
				<p class="be-small">Salami, peperonni, jamon, finas hierbas.</p>
				<img src="imgs/carnesfrias.jpg" class="ocupa-mitad-h ocupa-mitad-w small-border-top" >
			</div>
		</div>
	</section>
	<section id="Distribuidores" class="medium-border-top big-bottom-space no-desplazamiento almostbigger-width wrapper medium-bottom-space">
		<h1 class="text-center font-Merriweather be-medium">Distribuidores</h1>
		<p class="be-small text-center">
			Contamos con al menos una sucursal en cada estado de la
			Republica Mexicana
		</p>
	</section>
</body>
</html>