-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
95 lines (63 loc) · 14.7 KB
/
index.html
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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Juguería Doña Pancha</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Comme:wght@400;700&display=swap" rel="stylesheet">
<link rel="preload" href="CSS/normalize.css">
<link rel="stylesheet" href="CSS/normalize.css">
<link rel="preload" href="CSS/style.css">
<link rel="stylesheet" href="CSS/style.css">
</head>
<body>
<header>
<h1 class="titulo">Juguería - <span>Doña Pancha</span></h1>
<div class="agrandar-nav">
<nav class="navegacion contenedor">
<a href="#">Licuados</a>
<a href="#">Jugos</a>
<a href="#">Ensaladas</a>
</nav>
</div>
</header>
<section class="fondo">
<h2 class="titulos">Los Mejores Jugos</h2>
<svg width="64px" height="64px" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" fill="#000000">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path fill="#000000" d="M800 416a288 288 0 1 0-576 0c0 118.144 94.528 272.128 288 456.576C705.472 688.128 800 534.144 800 416zM512 960C277.312 746.688 160 565.312 160 416a352 352 0 0 1 704 0c0 149.312-117.312 330.688-352 544z"></path><path fill="#000000" d="M512 448a64 64 0 1 0 0-128 64 64 0 0 0 0 128zm0 64a128 128 0 1 1 0-256 128 128 0 0 1 0 256zm345.6 192L960 960H672v-64H352v64H64l102.4-256h691.2zm-68.928 0H235.328l-76.8 192h706.944l-76.8-192z"></path></g>
</svg>
<p>Ciudad De México, Alvaro Obregón</p>
<a href="#">Contactar</a>
</section>
<main>
<h2 class="titulos">Mis productos</h2>
<section>
<h3>Licuados</h3>
<svg height="64px" width="64px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512.001 512.001" xml:space="preserve" fill="#000000">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <polygon style="fill:#08AA6E;" points="111.357,131.207 111.357,176.743 129.657,176.743 151.549,504.411 347.028,504.411 368.918,176.743 387.219,176.743 387.219,131.207 "></polygon> <path style="fill:#2BA5B1;" d="M408.233,32.886H295.005c-18.234,0-33.07,14.835-33.07,33.07v65.252h-25.297V65.956 c0-32.235,26.132-58.367,58.367-58.367h113.228"></path> <polyline style="fill:#FFE285;" points="235.762,245.685 189.218,245.685 189.218,415.231 352.639,415.231 363.308,245.685 256.001,245.685 "></polyline> <path style="fill:#53180F;" d="M295.004,15.178h113.228V0H295.004c-36.368,0-65.956,29.587-65.956,65.956v57.663H103.768v60.714 h18.79l21.892,327.668h209.676l21.892-327.668h18.79v-60.714H269.525V65.956c0-14.051,11.431-25.481,25.48-25.481h113.228V25.297 H295.004c-22.419,0-40.659,18.239-40.659,40.659v57.663h-10.119V65.956C244.228,37.956,267.007,15.178,295.004,15.178z M269.525,138.796H379.63v30.358h-10.688h-7.123h-26.8v15.178h25.786l-3.592,53.763H256.001v15.178h99.227l-9.714,154.37H196.807 V253.274h38.955v-15.178h-54.133v184.726h163.244l-4.944,74.002h-181.28L137.77,184.332h25.811v-15.178h-26.825h-7.099h-10.712 v-30.358H229.05H269.525z"></path> </g>
</svg>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur sit tenetur quis debitis enim nemo asperiores.</p>
</section>
<section>
<h3>Jugos</h3>
<svg width="64px" height="64px" viewBox="0 0 1024 1024" class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0">
</g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M308.265417 192.198443L380.304555 68.229036c-39.935506-19.121064-87.773444-20.743885-130.884035-0.28223l58.844897 124.251637zM319.695721 200.100875l147.041687-0.423345c-0.776132-19.967753-5.432922-40.147178-14.534831-59.409357-13.476469-28.364087-34.573141-50.660236-59.621029-65.618411L319.695721 200.100875zM296.693998 200.171433l-59.550472-125.733343C191.210639 101.461586 164.116585 149.722869 162.423207 200.52422l134.270791-0.352787zM318.566802 214.000689l61.173293 129.120099c52.353614-24.765658 83.963343-75.496451 86.926755-129.543444l-148.100048 0.423345zM295.56508 214.000689l-133.000758 0.352787c1.128919 18.979949 5.715152 38.030455 14.323158 56.30483 11.853648 25.047888 29.704679 45.227313 50.942466 59.903259l67.735134-116.560876zM306.995383 221.903121L239.613037 337.970096c37.818783 21.378902 84.245573 26.317922 127.285606 10.4425l-59.90326-126.509475z" fill="#F5B11A"></path><path d="M345.025839 128.696755c-20.885-10.230828-45.580101-12.206436-68.722938-3.880659l31.891959 67.311789 36.830979-63.43113zM393.851581 199.818645c-0.917247-10.089713-3.457314-20.179425-8.043547-29.845793-6.702956-14.252601-16.792669-25.753462-28.857989-34.220354L319.625164 200.030318l74.226417-0.211673zM263.743678 130.601805c-26.529594 14.605388-42.828361 41.134982-45.227313 69.710742l78.177633-0.211672-32.95032-69.49907zM351.376008 283.217529c25.400675-15.09929 40.711638-41.48777 42.687246-69.569627l-75.496452 0.211672 32.809206 69.357955zM218.445807 214.141804c0.776132 10.513057 3.386757 21.096672 8.184662 31.186385 6.985186 14.817061 17.639358 26.670709 30.269138 35.208158l38.665473-66.606215-77.119273 0.211672zM268.894371 287.450975c21.449459 10.019155 46.709019 11.289189 70.063529 1.905051l-31.962517-67.452905-38.101012 65.547854z" fill="#F3D351"></path><path d="M487.26962 1015.250879c-26.459037 0-50.730793-0.423345-68.299593-1.199477-9.807483-0.423345-17.498243-0.987804-22.860608-1.622821-3.245642-0.352787-5.785709-0.846689-7.69076-1.340591-9.948598-2.610625-10.72473-10.089713-10.724729-12.276993 0-5.22125 1.622821-8.678564 19.403293-27.376283 8.678564-9.172466 20.814442-21.308344 35.98429-36.195963 20.108868-19.756081 40.429408-39.229932 48.472955-46.850134V757.786812H504.485634v130.178461c7.337973 7.126301 28.081858 27.305726 48.61407 47.837938 14.958175 14.958175 26.882381 27.094054 35.490388 36.195962 17.286571 18.274375 19.121064 21.590574 19.121064 26.952939 0 2.328395-0.846689 10.019155-11.500862 12.34755-2.046166 0.423345-4.727348 0.846689-8.325777 1.199477-6.067939 0.635017-14.675946 1.128919-25.612347 1.622821-20.108868 0.635017-47.485151 1.128919-75.00255 1.128919z m-76.9076-24.624544c16.863226 1.058361 45.368428 1.763936 82.552195 1.693378 35.490388-0.070557 64.207262-0.917247 81.493833-1.90505-16.863226-17.992145-49.531317-50.589678-81.282161-81.493833-32.597533 30.974712-65.900641 63.783918-82.763867 81.705505z" fill="#704F23"></path><path d="M318.496245 206.803831h344.531937v441.40729s6.914628 158.542548-172.23069 158.401433c-169.267278-0.070557-172.23069-160.729828-172.23069-160.729828V206.803831z" fill="#F4C324"></path><path d="M503.145042 410.009233l-21.167229-8.890236L586.332254 152.192379c1.340591-3.598429 12.62978-31.327499 39.653276-42.898918 17.780473-7.620203 37.959898-6.561841 59.903259 3.175084 61.173293 27.164611 150.569558 59.3388 151.486805 59.691587l-7.761317 21.590574c-0.917247-0.352787-91.089644-32.738648-153.039069-60.326603-15.804865-6.985186-29.704679-8.043547-41.417212-3.104527-19.121064 8.043547-27.305726 29.775236-27.376283 30.057465l-0.211672 0.493902-104.424999 249.13829z" fill="#704F23"></path><path d="M358.361193 371.273203s22.366706-9.454696 52.283057 10.795287c16.792669 5.785709 40.006064-29.210777 66.112313 0 13.829257 13.053125 58.421553 10.795287 70.769104 6.138497 16.933784-4.586233 31.115827-8.466892 52.283056 2.18728 15.734307 5.150692 24.624544-20.60277 24.624544-29.845793-1.552263 202.99373 0 270.658306 0 270.658306s0 129.190657-118.39537 138.43368C376.84724 775.002825 359.207883 669.66058 357.726177 634.311307c-1.622821-35.41983 0.635017-263.038104 0.635016-263.038104z" fill="#F3AF19"></path><path d="M358.149521 660.417557h-2.116723c-7.055743 0-12.770895-5.715152-12.770895-12.770895v-220.139186c0-7.055743 5.715152-12.770895 12.770895-12.770895h2.116723c7.055743 0 12.770895 5.715152 12.770895 12.770895v220.139186c0 6.985186-5.715152 12.770895-12.770895 12.770895zM360.054572 390.464825h-1.834493c-5.997382 0-10.936402-4.93902-10.936402-10.936402v-34.714256c0-5.997382 4.93902-10.936402 10.936402-10.936402h1.834493c5.997382 0 10.936402 4.93902 10.936402 10.936402V379.59898c-0.070557 5.997382-4.93902 10.865844-10.936402 10.865845z" fill="#FFFFFF"></path><path d="M899.325019 130.601805c-2.963412 0-6.138497-0.141115-9.525253-0.493902l-0.56446-0.070557-0.564459-0.141115c-31.680287-6.420726-43.604493-27.164611-47.837939-38.947702-6.350169-17.639358-3.880659-37.818783 6.138497-50.166334l0.28223-0.352787c15.804865-17.992145 32.95032-26.247364 50.942465-24.483429 32.315304 3.175084 53.129746 38.4538 54.046992 39.935507l-19.826638 11.571418c-4.374561-7.40853-19.473851-27.023496-36.478192-28.646317-10.16027-0.987804-20.673327 4.586233-31.256942 16.580997-4.233446 5.362365-6.279611 16.580996-2.257838 27.870185 3.175084 8.749121 11.006959 20.03831 30.198581 24.130641 14.675946 1.340591 26.247364-1.763936 31.891959-8.537449l17.639358 14.675946c-5.574037 6.702956-18.203817 17.074898-42.828361 17.074898z" fill="#F4C323"></path><path d="M133.141873 475.486529m-45.297871 0a45.297871 45.297871 0 1 0 90.595742 0 45.297871 45.297871 0 1 0-90.595742 0Z" fill="#F4C323"></path></g>
</svg>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur sit tenetur quis debitis enim nemo asperiores.</p>
</section>
<section>
<h3>Ensaladas</h3>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" viewBox="0 0 470 470" xml:space="preserve" width="64px" height="64px" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0">
</g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <rect x="138.61" y="7.5" style="fill:#FEC8BB;" width="30" height="365"></rect> <rect x="78.61" y="7.5" style="fill:#FEC8BB;" width="30" height="365"></rect> <path style="fill:#84B044;" d="M359.554,166.33c-2.764,0-5.486,0.164-8.168,0.461c-12.6-21.096-35.508-35.323-61.783-35.661 v153.116l138.837-20.471c2.702-7.626,4.071-15.835,4.071-24.392C432.511,199.033,399.904,166.33,359.554,166.33z"></path> <path style="fill:#A2C352;" d="M351.376,166.862c-2.283-0.348-4.596-0.532-6.95-0.532c-2.17,0-4.309,0.164-6.428,0.461 c-9.878-21.024-27.81-35.221-48.394-35.661c-0.328-0.01-0.655-0.01-0.983-0.01c-10.658,0-20.853,2.284-30.006,6.384l-37.427,64.857 l30.707,61.414v20.471l146.729-20.471c2.119-7.626,3.275-15.835,3.275-24.392C401.9,202.022,379.842,171.223,351.376,166.862z"></path> <path style="fill:#EF431D;" d="M258.614,107.5v-30c-49.71,0-90,40.29-90,90s40.29,90,90,90v-30c0-2.5-20-60-20-60L258.614,107.5z"></path> <path style="fill:#FD7555;" d="M198.614,167.5c0,33.08,26.91,60,60,60v-120C225.524,107.5,198.614,134.42,198.614,167.5z"></path> <path style="fill:#99D9FF;" d="M227.504,257.5l-115,25l20-120C184.894,162.5,227.504,205.12,227.504,257.5z"></path> <path style="fill:#CCECFF;" d="M37.504,257.5l95,25v-120C80.114,162.5,37.504,205.12,37.504,257.5z"></path> <path style="fill:#CCECFF;" d="M132.504,192.5l-10,85l75-20C197.504,221.6,168.394,192.5,132.504,192.5z"></path> <path style="fill:#EDF8FF;" d="M67.504,257.5l65,25v-90C96.604,192.5,67.504,221.6,67.504,257.5z"></path> <path style="fill:#99D9FF;" d="M167.504,257.5l-55,25l20-60C151.794,222.5,167.504,238.2,167.504,257.5z"></path> <path style="fill:#CCECFF;" d="M132.504,222.5v55l-35-20C97.504,238.2,113.204,222.5,132.504,222.5z"></path> <path style="fill:#FDCE6E;" d="M402.5,272.5l-175,190h30c96.65,0,175-78.35,175-175v-15H402.5z"></path> <path style="fill:#FEFDCA;" d="M402.5,287.5v-15h-365v15c0,96.65,78.35,175,175,175h15C324.15,462.5,402.5,384.15,402.5,287.5z"></path> <path style="fill:#FFFFFF;" d="M447.5,257.5h-425c-8.284,0-15,6.716-15,15s6.716,15,15,15h425c8.284,0,15-6.716,15-15 S455.784,257.5,447.5,257.5z"></path> <path d="M447.5,250h-8.157c0.441-3.484,0.669-7.032,0.669-10.62c0-44.418-36.092-80.556-80.455-80.556 c-1.405,0-2.836,0.04-4.282,0.119c-14.912-21.903-40.029-35.327-66.653-35.327c-7.712,0-15.242,1.087-22.511,3.19V77.5 c0-4.142-3.357-7.5-7.5-7.5c-34.699,0-65.218,18.225-82.5,45.603V7.5c0-4.142-3.357-7.5-7.5-7.5h-30c-4.143,0-7.5,3.358-7.5,7.5 v125.149c0,4.142,3.357,7.5,7.5,7.5s7.5-3.358,7.5-7.5V15h15v144.069c-9.084-2.645-18.684-4.069-28.61-4.069 c-5.578,0-11.051,0.455-16.39,1.316V7.5c0-4.142-3.357-7.5-7.5-7.5h-30c-4.143,0-7.5,3.358-7.5,7.5v137.227 c0,4.142,3.357,7.5,7.5,7.5s7.5-3.358,7.5-7.5V15h15v144.923C62.181,172.476,33.348,207.719,30.276,250H22.5 C10.094,250,0,260.093,0,272.5S10.094,295,22.5,295h7.666c3.949,97.166,84.216,175,182.334,175h45 c98.118,0,178.385-77.834,182.334-175h7.666c12.406,0,22.5-10.093,22.5-22.5S459.906,250,447.5,250z M288.621,138.617 c22.956,0,44.539,12.268,56.326,32.017c1.507,2.524,4.343,3.932,7.27,3.61c2.506-0.279,4.976-0.42,7.34-0.42 c36.092,0,65.455,29.408,65.455,65.556c0,3.611-0.275,7.164-0.813,10.62h-67.736l25.236-25.236c2.929-2.929,2.929-7.678,0-10.606 c-2.93-2.929-7.678-2.929-10.607,0L335.249,250h-39.127v-72.116c0-4.142-3.357-7.5-7.5-7.5s-7.5,3.358-7.5,7.5V250H266.11V142.572 C273.296,139.96,280.844,138.617,288.621,138.617z M251.11,85.338v15.09c-27.643,3.071-50.888,22.908-57.906,50.36 c-1.025,4.013,1.396,8.098,5.409,9.124c0.623,0.16,1.248,0.236,1.862,0.236c3.345,0,6.395-2.255,7.262-5.645 c5.316-20.798,22.609-35.976,43.373-38.958V250h-16.386c-2.739-37.695-25.954-69.797-58.545-85.213 C177.537,123.057,210.01,89.057,251.11,85.338z M132.5,170c45.721,0,83.358,35.251,87.175,80h-15.063 c-3.765-36.466-34.668-65-72.113-65c-13.434,0-26.562,3.711-37.965,10.733c-3.527,2.172-4.626,6.792-2.454,10.319 s6.793,4.624,10.319,2.454c9.037-5.564,19.445-8.506,30.1-8.506c29.163,0,53.306,21.828,56.995,50h-15.171 c-3.554-19.868-20.949-35-41.824-35s-38.27,15.132-41.824,35H75.495c1.056-8.054,3.801-15.804,8.104-22.744 c2.183-3.52,1.099-8.144-2.422-10.326c-3.519-2.183-8.144-1.1-10.326,2.422c-5.778,9.318-9.338,19.791-10.463,30.648H45.325 C49.142,205.251,86.779,170,132.5,170z M158.952,250h-52.904c3.274-11.528,13.889-20,26.452-20S155.678,238.472,158.952,250z M447.5,280h-350c-4.143,0-7.5,3.358-7.5,7.5s3.357,7.5,7.5,7.5h327.324c-3.938,88.892-77.479,160-167.324,160h-45 c-89.845,0-163.386-71.108-167.324-160H67.5c4.143,0,7.5-3.358,7.5-7.5s-3.357-7.5-7.5-7.5h-45c-4.136,0-7.5-3.364-7.5-7.5 s3.364-7.5,7.5-7.5h407.796c0.069,0,17.204,0,17.204,0c4.136,0,7.5,3.364,7.5,7.5S451.636,280,447.5,280z"></path> </g> </g>
</svg>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur sit tenetur quis debitis enim nemo asperiores.</p>
</section>
<h2 class="titulos">Contáctanos</h2>
<!-- seccion de formulario -->
</main>
<footer>© Jugería Doña Pancha │ Todos los derechos reservados 2023</footer>
</body>
</html>