landingpageejercicio/index.html at main · sofgln/landingpageejercicio · 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
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width= , initial-scale=1.0">
    <link rel="stylesheet" href="index.css">
    <title>Landing Page</title>
</head>
<body>
    <header>
   <nav>
    <ul >
        <img  id="logo" src="./logo4.png" alt="logo">
        <li><a href="#">Inicio</a></li>
        <li><a href="#">Proyectos </a></li>
        <li><a href="#">Contacto</a></li>

      </ul>


   </nav>
   <div class="container-header">
            <div  class="container-text">
            <h1>S.CREATIONS</h1>
            <h2>En S.CREATIONS brindamos soluciones digitales para tu negocio.
                Le damos vida a tus ideas para que alcances tus objetivos mediante el diseño.
            </h2>
            <button class= "btn">MÁS INFO!</button>
            </div>
            <div>
            <img class="ilustracion" src="./undraw_Prototyping_process_re_7a6p.png" alt="chica diseñando">
        </div>
    </div>
    <main>
        <section class="seccion-2">
            <p class="about">SOBRE NOSOTROS</p>
            <div class="section2div" >
                <p class="descripcion">En <span class="span1">S.CREATIONS</span> nuestro principal objetivo es mostrar tu proyecto al mundo transmitiendo de la mejor manera tus ideas.
                    Creamos tu página, publicidad, entre otros recursos digitales tal como lo soñaste para lograr captar la atención del público que desees.
                </p>
            </div>

        </section>
    </main>

</header>


</body>
</html>