Add files via upload

MeganAmaraRuiz · Mar 30, 2024 · 7a31ade · 7a31ade
commit 7a31ade
Show file tree

Hide file tree

Showing 22 changed files with 128 additions and 0 deletions.
diff --git a/Nuevo documento de texto.txt b/Nuevo documento de texto.txt
@@ -0,0 +1 @@
+<a target="_blank" href="https://icons8.com/icon/1345/workstation">Computer</a> icon by <a target="_blank" href="https://icons8.com">Icons8</a>
diff --git a/css/compu(1).jpg b/css/compu(1).jpg
diff --git a/css/coputadoras(1).jpg b/css/coputadoras(1).jpg
diff --git a/css/estilopc.css b/css/estilopc.css
@@ -0,0 +1,84 @@
+*{
+
+}
+body{
+	background-color:rgb(77, 71, 71)
+}
+.header{
+	background-image: url("coputadoras(1).jpg");
+	background-attachment: fixed;
+	text-align: center;
+	background-size:contain;
+    background-color: bisque;
+	width: 100%;
+	height: 190px;
+	font-size: 80px;
+}
+.nav{
+	text-align: center;
+	margin-top: 10px;
+	background-color: black;
+	width: 100%;
+	height: 100px;
+}
+.main{
+	background-color:black;
+	margin-top: 10px;
+	width: 100%;
+	height: 100%;
+	display: flex;
+	justify-content: center;
+	padding-top: 5px;
+	padding-left: 5px;
+	padding-bottom: 5px;
+	padding-right: 5px;
+}
+.section{
+	text-align: center;
+	background-color:rgb(77, 71, 71);
+	width: 70%;
+	height: 100%;
+	border-style: double; border-color: blueviolet; border-width: 5px;
+}
+.aside{
+	text-align: center;
+	background-color:rgb(77, 71, 71);
+	width: 70%;
+	height: 575px;
+	border-style: double; border-color: blueviolet; border-width: 5px;
+
+}
+.article{
+	text-align: center;
+	margin-left: 10px;
+	margin-right: 10px;
+	margin-bottom: 10px;
+	background-color:rgb(77, 71, 71);
+	width: 70%;
+	height: 575px;
+	border-style: double; border-color: blueviolet; border-width: 5px;
+	overflow-x: scroll;
+}
+.footer{
+	margin-top: 30px;
+	background-color: black;
+	width: 100%;
+	height: 100%;
+}
+.subtitulos{
+	text-align: center;
+	text-decoration: black;
+	font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
+	font-style: oblique;
+}
+#mapa{
+	background-color: black;
+	margin-left: 740px;
+	margin-right: 10px;
+	width: fit-content;
+	margin-top:5px;
+}
+#contacto{
+	background-color: black;
+	width:60%
+}
diff --git a/css/pc (2).png b/css/pc (2).png
diff --git a/imagenes/compu(1).jpg b/imagenes/compu(1).jpg
diff --git a/imagenes/compu(2).jpg b/imagenes/compu(2).jpg
diff --git a/imagenes/compu(4).jpg b/imagenes/compu(4).jpg
diff --git a/imagenes/compu(5).jpg b/imagenes/compu(5).jpg
diff --git a/imagenes/compu(6).jpg b/imagenes/compu(6).jpg
diff --git a/imagenes/coputadoras(1).jpg b/imagenes/coputadoras(1).jpg
diff --git a/imagenes/coputadoras(2).jpg b/imagenes/coputadoras(2).jpg
diff --git a/imagenes/coputadoras(3).jpg b/imagenes/coputadoras(3).jpg
diff --git a/imagenes/icons8-computer-50.ico b/imagenes/icons8-computer-50.ico
diff --git a/imagenes/icons8-computer-50.png b/imagenes/icons8-computer-50.png
diff --git a/imagenes/pc (1).png b/imagenes/pc (1).png
diff --git a/imagenes/pc (3).png b/imagenes/pc (3).png
diff --git a/imagenes/pc (4).png b/imagenes/pc (4).png
diff --git a/imagenes/pc (5).png b/imagenes/pc (5).png
diff --git a/imagenes/pc (6).png b/imagenes/pc (6).png
diff --git a/imagenes/pc8.jpg b/imagenes/pc8.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<link rel="icon" href="imagenes/icons8-computer-50.ico">
+		<meta charset="utf-8">
+		<link rel="stylesheet" href="css/estilopc.css">
+		<title>PCfixer</title>
+	</head>
+	<body>
+		<header class="header">
+			<h1 style="color: rgb(78, 16, 16)"><u>PC fixer</u></h1>
+		</header>
+		<nav class="nav" style="color:orangered">Navegador</nav>
+		<main class="main">
+			<section class="section">
+				<h3 class="subtitulos" style="color: rgb(29, 19, 19)"><mark>Vamos a domicilio</mark></h3>
+				<p style="color:white">Si tu PC esta rota y no esta funcionando como antes, podemos ir a tu domicilio para repararla.</p><img src="imagenes/compu(1).jpg" alt="pc" title="computadora" width="200" height="200" border="1"><img src="imagenes/coputadoras(2).jpg" alt="pc" title="computadora" width="200" height="200" border="1"><p style="color:white">Estamos ubicados en capital federal</p>
+			</section>
+			<article class="article">
+				<h3 class="subtitulos" style="color: rgb(29, 19, 19)"><mark>Armamos tu PC</mark></h3>
+				<p style="color:white">Armamos la computadora que quieras con las carecteristicas que vos quieras. Pedinos el presupuesto. Tu consulta no nos molesta.</p><img src="imagenes/compu(4).jpg" alt="pc" title="computadoragamer" width="200" height="200" border="1"><img src="imagenes/compu(6).jpg" alt="pc" title="computadoradeescritorio" width="100%" height="200" border="1">
+			</article>
+			<aside class="aside">
+				<h3 class="subtitulos" style="color: rgb(29, 19, 19)"><mark>Mantenimiento y limpieza</mark></h3>
+				<p style="color:white">Si notas que tu computadora esta mas lenta de lo normal, no esperes a que se descomponga. Es importante realizar una limpieza de mantenimiento, tanto de los componentes del hardware como del software de manera periodica.</p><img src="imagenes/coputadoras(3).jpg" alt="pc" title="computadora" width="200" height="200" border="1">
+			</aside>
+		</main>
+		<footer class="footer">
+			<div id="contacto">
+			<h5 style="color:white"><u>Contacto:</u></h5>
+			<p style="color:white"><small>Cel: 11-3046-0651</small></p>
+			</div>
+			<div id="mapa">
+				<p style="color:white">Estamos aca: </p>
+				<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3283.3591925266346!2d-58.454138500000006!3d-34.620362199999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x95bcca22f976fd87%3A0x21a3635ced632b1f!2sAv.%20Avellaneda%201601%2C%20C1406FYB%20Cdad.%20Aut%C3%B3noma%20de%20Buenos%20Aires!5e0!3m2!1sen!2sar!4v1711738946172!5m2!1sen!2sar" width="200" height="200" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+			</div>
+			<p style="color:white">El icono de la pagina es de: <a target="_blank" href="https://icons8.com/icon/1345/workstation">Computer</a> icon by <a target="_blank" href="https://icons8.com">Icons8</a></p>
+		</footer>
+	</body>
+</html>
+
+
+