-
Notifications
You must be signed in to change notification settings - Fork 0
/
ejercicio3.html
54 lines (44 loc) · 2.81 KB
/
ejercicio3.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
<!DOCTYPE html>
<html lang="en">
<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">
<meta name="author" content="Diego Córdova Ratti">
<!-- Favicon -->
<link rel="shortcut icon" href="" type="image/x-icon">
<!-- GoogleFonts -->
<!--Font Awesome 5.6.3-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<!-- stylesheet -->
<link rel="stylesheet" href="style-3.css">
<!-- titulo -->
<title>Ejercicio 3</title>
</head>
<body>
<!------------------- MAIN ---------------------->
<main class="main">
<div class="main__container-first"></div>
<div class="main__container-second"></div>
<div class="main__svg-text">
<img class="main__svg--1" src="/assets/img/ejercicio-3_sun.svg" alt="">
<div class="main__text">
<h1 class="main__title">Vive el verano</h1>
<p class="main__paragraph">Con la protección del bloqueador numero 1 de Chile prodrás tener un verano protegido
junto a tu familia</p>
</div>
</div>
<svg class="main__svg main__svg--2 svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 59 59">
<path d="M30.34 17.966c-.114.009-.224.034-.34.034a3.963 3.963 0 01-2.52-.917c.319.57.52 1.215.52 1.917 0 .6-.1 1.164-.378 1.675C29.698 31.774 32.325 51.675 26 58h14s-.39-26.086-9.66-40.034z" fill="#805333"/>
<circle cx="30" cy="14" r="4" fill="#cbb292"/>
<path d="M36.856 5.684c-3.486.934-6.354 2.7-8.138 4.545A3.954 3.954 0 0130 10a3.985 3.985 0 013.772 2.722l3.188-.854.931-2.32 1.967 1.544L50 8.374c-.715-2.667-6.742-4.405-13.144-2.69z" fill="#4fba6f"/>
<path d="M27.563 10.849c-.86-2.6-3.409-5.828-7.19-8.117C14.703-.699 8.43-.71 7 1.652l8.983 5.437 2.319-.934.248 2.488 7.531 4.558a3.982 3.982 0 011.482-2.352z" fill="#4c8056"/>
<path d="M26 14c0-.33.051-.646.127-.953-2.019-1.85-7.016-2.771-12.271-1.362C7.454 13.4 3.103 17.918 3.818 20.586l10.142-2.718.931-2.32 1.967 1.544 4.737-1.269A3.957 3.957 0 0124 15c.165 0 .322.029.482.049l1.581-.424A4.023 4.023 0 0126 14z" fill="#4fba6f"/>
<path d="M26.501 15.902A3.956 3.956 0 0024 15a4 4 0 104 4c0-.692-.192-1.334-.501-1.902a3.986 3.986 0 01-.998-1.196z" fill="#7f6e5d"/>
</svg>
<img class="main__svg main__svg--3" src="/assets/img/ejercicio-3_beach-ball.svg" alt="">
<img class="main__svg main__svg--4" src="/assets/img/ejercicio-3_people.svg" alt="">
<img class="main__svg main__svg--5" src="/assets/img/ejercicio-3_sun-umbrella.svg" alt="">
</main>
</body>