constructoraryv.github.io/index.html at main · crisp101/constructoraryv.github.io · 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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html">
    <title>constructoraryv</title>
    <link rel="stylesheet" href="normalize.css">
    <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=Manrope:wght@200..800&display=swap" rel="stylesheet">

    <link rel="preload" href="styles.css" as="style">
    <link rel="stylesheet" href="style.css">

</head>
<body>

    <header >
        <div class="contenedor-first">
        <!-- seccion para el apartado del perfil -->

    </section>
    <!-- seccion para el apartado nombre empresa-->


        <section class="perfil">

        <div id="img-perfil">
            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-user-circle" width="200" height="200" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round">
                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />
                <path d="M12 10m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" />
                <path d="M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855" />
              </svg>
        </div>
        <h2 >mauricio alejando <br> reyes reyes</h2>
        </section>

        <!-- informacion y contacto iran uno abajo del otro -->
        <section class="perfil-info">

            <div class="nombre">
            <div id="titulo-principal"> <h1>constructora r y v  <svg id="icono-01"  xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-building-warehouse" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round">
                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                <path d="M3 21v-13l9 -4l9 4v13" />

     <path d="M13 13h4v8h-10v-6h6" />
                <path d="M13 21v-9a1 1 0 0 0 -1 -1h-2a1 1 0 0 0 -1 1v3" />
              </svg></h1>


            </div>


            <h2>¿Que ofrecemos?</h2>

            <p class="parrafo-principal">Constructoraryv es una empresa comprometida a entregar un servicio seguro y confiable, entregándose completamente para que el cliente este satisfecho y contento con el resultado final de su proyecto. "no se entrega solamente una casa sino un que hogar y ambiente cómodo que perdurará durante muchos años".</p>
        </div>
        <div class="contacto">
            <h2>contacto</h2>

            <p> <span>telefono: </span> +569 57462516</p>
            <p> <span>correo </span>mauricioalejandor@gmail.com</p>
            <p> <span>ubicacion: </span> biobio, cañete</p>
        </div>
        </section>

</div>
</header>

<!-- SEGUNDA CAPA -->
<!-- informacion sobre la empresa y fotos -->
<main >

 <!-- GALERIA DE FOTOS -->
<div class="contenedor">

    <h1></h1>
    <div class="fotos">
        <div class="p1">
            <img src="imagenes casas/1.jpeg" alt="f1">
        </div>
        <div class="p2">
            <img src="imagenes casas/2.jpeg" alt="f2">
        </div>
        <div  class="p3">

            <img src="imagenes casas/3.jpeg" alt="f3">
        </div>
        <div class="p4">
            <img src="imagenes casas/4.jpeg" alt="f4">
        </div>
        <div class="p5">
            <img src="imagenes casas/5.jpeg" alt="f5">
        </div>
        <div class="p6">
            <img src="imagenes casas/6.jpeg" alt="f6">
        </div>
        <div class="p7">
            <img src="imagenes casas/7.jpeg" alt="f7">
        </div>
        <div class="p8">
            <img src="imagenes casas/8.jpeg" alt="f8">
        </div>
        <div class="p9">
        <img id="img9" src="imagenes casas/9.svg" alt="f9">
    </div>
    <div class="p10">

</div>

        </div>

    </div>

<!-- AGREGAR SECCCION PARA TIPOS DE CASAS QUE SE REALIZAN -->
 <div id="titulo-seccion-2">
<h1 ><br>trabajos que realizamos </h1>
</div>
<section class="house-types">

<div class="prefabricada">
<h2>
    prefabricada
</h2>
<p>vivienda prefabricada construida por módulos, siendo previamente transportada y ensamblada en el terreno establecido.</p>
</div>
<div class="mano-de-obra">
    <h2>mano de obra</h2>
    <p>para este trabajo la empresa solo proporciona la mano de obra, siendo el dueño el encargado de abastacer los materiales necesarios.</p>
</div>
<div class="completa">
    <h2>llave en mano</h2>
    <p>como empresa nos encargamos de toda la realizacion del proyecto, desde el comienzo hasta entregarle las llaves de su hogar.</p>
</div>
</section>
<!-- FIN APARTADO TIPOS -->

<!--FOTO-->
<section>
<div class="img-02">
    <img src="imagenes/img principal.webp" alt="imagen-   central">
</div>
</section>

</main>

</body>
</html>