Skip to content

Commit

Permalink
Portfolio24
Browse files Browse the repository at this point in the history
  • Loading branch information
Steven-LG09 committed Sep 12, 2024
1 parent 86ea782 commit be0188c
Show file tree
Hide file tree
Showing 4 changed files with 174 additions and 46 deletions.
52 changes: 47 additions & 5 deletions Back.css
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,13 @@
animation: fadeIn 2s ease-in-out;
background-color: #4B9CD3;
}
.privacy{
animation: fadeIn 2s ease-in-out;
background-color: #4B9CD3;
font-family: 'Times New Roman', Times, serif;
margin-left: 5%;
margin-right: 20%;
}
.section1{
height: 600px;
background-color: #A3C1AD;
Expand Down Expand Up @@ -55,6 +62,12 @@
width: 200px;
height: 200px;
}
.imgutp:hover,.imgfuc:hover,.imgsena:hover{
box-shadow: 0 12px 16px 0 #A3C1AD, 0 17px 50px 0 blue;
}
.ds:hover,.tae:hover,.tai:hover{
cursor: pointer;
}
.ds{
width: 300px;
height: 300px;
Expand Down Expand Up @@ -108,6 +121,10 @@
text-shadow: 3px 3px 5px #35d0ef ;
font-size: 25px;
}
.tech1img:hover,.tech2img:hover,.tech3img:hover,.tech4img:hover,.tech5img:hover,.tech6img:hover{
box-shadow: 0 12px 16px 0 white, 0 17px 50px 0 black;

}
.tech1img{
width: 150px;
height: 150px;
Expand Down Expand Up @@ -254,7 +271,9 @@
width: 30%;
text-align: left;
}

.studies{
text-shadow: 3px 3px 5px black ;
}
.nombre{
font-family: 'Times New Roman', Times, serif;
color: white;
Expand Down Expand Up @@ -364,14 +383,37 @@ h3{
width: 15px;
}
::-webkit-scrollbar-thumb {
background-color: #A3C1AD; /* Color of the scrollbar thumb */
border-radius: 10px; /* Rounded corners of the scrollbar thumb */
background-color: #A3C1AD;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background-color: #13274F; /* Color on hover */
background-color: #13274F;
}
.space{
display: flex;
height: 150px;
background-color: #A3C1AD;
}
}
.text-cloud {
display: none;
position: relative;
padding: 15px;
background-color: white;
color: #13274F;
border-radius: 10px;
font-family: 'Times New Roman', Times, serif;
width: 400px;
box-shadow: 0 12px 16px 0 white, 0 17px 50px 0 blue;
margin-top: 0px;
}

.text-cloud::before {
content: "";
position: absolute;
top: -10px;
left: 200px;
border-width: 0 10px 10px 10px;
border-style: solid;
border-color: transparent transparent #f1f1f1 transparent;
}

29 changes: 7 additions & 22 deletions PrivacyPolicy.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,30 +4,15 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Privacy Policy</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
line-height: 1.6;
}
h1, h2, h3 {
color: #333;
}
a {
color: #0066cc;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
<link rel="stylesheet" href="Back.css">
<link rel="icon" href="man.png" type="image/png">
</style>
</head>
<body>

<body class="privacy">
<h1>Privacy Policy</h1>
<p>Effective date: [Date]</p>
<p>Effective date: 12/09/2024</p>

<p>Welcome to [Your Website Name]. This privacy policy describes how we collect, use, and protect your personal information when you visit our website.</p>
<p>Welcome to Mi Portafolio. This privacy policy describes how we collect, use, and protect your personal information when you visit our website.</p>

<h2>1. Information We Collect</h2>
<p>We may collect the following types of information:</p>
Expand Down Expand Up @@ -69,9 +54,9 @@ <h2>6. Changes to This Privacy Policy</h2>
<p>We may update this privacy policy from time to time. We will notify you of any changes by posting the new policy on this page.</p>

<h2>7. Contact Us</h2>
<p>If you have any questions about this privacy policy, please contact us at <a href="mailto:your-email@example.com">your-email@example.com</a>.</p>
<p>If you have any questions about this privacy policy, please contact us at <a href="mailto:aocorporations@gmail.com">aocorporations@gmail.com</a>.</p>

<p>&copy; 2024 [Your Company Name]. All rights reserved.</p>
<p>&copy; 2024 Ao Corporation. All rights reserved.</p>

</body>
</html>
88 changes: 69 additions & 19 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -69,57 +69,104 @@ <h3 class="frase">"El fin justifica los medios"</h3>
</section>
<section id="section3">
<div class="sec3_1">
<h1>Actualmente</h1>
<img class="imgutp" src="https://media2.utp.edu.co/imagenes/Logo-UTP-Azul.png" alt="logo utp"/>
<h1 class="studies">Actualmente</h1>
<a href="https://www.utp.edu.co/" target="_blank"><img class="imgutp" src="https://media2.utp.edu.co/imagenes/Logo-UTP-Azul.png" alt="logo utp"/></a>
<figcaption>
<img class="ds" src="https://www.solusoft.es/Info/Imagenes/desarrollo-de-software/img_hero.svg" alt="desarrollo de software"/>
<legend>Tecnologia en Desarrollo de Software</legend>
<img class="ds" src="https://www.solusoft.es/Info/Imagenes/desarrollo-de-software/img_hero.svg" onclick="toggleCloud()" alt="desarrollo de software"/>
<legend class="description">Tecnologia en Desarrollo de Software</legend>
<div id="cloud" class="text-cloud">
La carrera de Desarrollo de Software se enfoca en la creación, diseño, implementación y mantenimiento de programas
y aplicaciones. Los estudiantes aprenden lenguajes de programación, metodologías de desarrollo, y cómo resolver
problemas mediante soluciones tecnológicas. También adquieren habilidades para trabajar en equipo y gestionar
proyectos de software.
</div>
<script>
function toggleCloud() {
var cloud = document.getElementById("cloud");
if (cloud.style.display === "none" || cloud.style.display === "") {
cloud.style.display = "block";
} else {
cloud.style.display = "none";
}
}
</script>
</figcaption>
</div>
<div class="sec3_2">
<h2>Ultimos estudios</h2>
<img class="imgfuc" src="https://pbs.twimg.com/media/FLj--lyXIAAEZ_L.jpg" alt="logo fuc"/>
<h2 class="studies">Ultimos estudios</h2>
<a href="https://uc.edu.co/" target="_blank"><img class="imgfuc" src="https://pbs.twimg.com/media/FLj--lyXIAAEZ_L.jpg" alt="logo fuc"/></a>
<figcaption>
<img class="tae" src="https://carrerasymas.com/wp-content/uploads/2022/05/20945988-scaled-1.jpg" alt="administracion de empresas"/>
<legend>Tecnico en Administracion de Empresas (sin titulo)</legend>
<img class="tae" src="https://carrerasymas.com/wp-content/uploads/2022/05/20945988-scaled-1.jpg" onclick="toggleCloud2()" alt="administracion de empresas"/>
<legend class="description">Tecnico en Administracion de Empresas (sin titulo)</legend>
<div id="cloud2" class="text-cloud">
La carrera de Administración de Empresas se centra en la planificación, organización, dirección y control de
recursos dentro de una empresa. Los estudiantes aprenden sobre finanzas, marketing, recursos humanos y gestión
de operaciones para optimizar el rendimiento y la toma de decisiones en diversas áreas empresariales.
</div>
<script>
function toggleCloud2() {
var cloud = document.getElementById("cloud2");
if (cloud.style.display === "none" || cloud.style.display === "") {
cloud.style.display = "block";
} else {
cloud.style.display = "none";
}
}
</script>
</figcaption>
</div>
<div class="sec3_3">
<h2>Estudios Pasados</h3>
<img class="imgsena" src="https://seeklogo.com/images/S/sena-colombia-logo-C25D90A9FA-seeklogo.com.png" alt="logo sena"/>
<h2 class="studies">Estudios Pasados</h3>
<a href="https://www.sena.edu.co/" target="_blank"><img class="imgsena" src="https://seeklogo.com/images/S/sena-colombia-logo-C25D90A9FA-seeklogo.com.png" alt="logo sena"/></a>
<figcaption>
<img class="tai" src="https://atriainnovation.com/uploads/2023/11/Automatizacion_Industrial_PORTADA-900x743-c-center.jpg" alt="automatizacion industrial"/>
<legend>Tecnologia en Automatizacion Industrial (sin titulo)</legend>
<img class="tai" src="https://atriainnovation.com/uploads/2023/11/Automatizacion_Industrial_PORTADA-900x743-c-center.jpg" onclick="toggleCloud3()" alt="automatizacion industrial"/>
<legend class="description">Tecnologia en Automatizacion Industrial (sin titulo)</legend>
<div id="cloud3" class="text-cloud">
La carrera de Automatización Industrial se enfoca en el diseño, implementación y mantenimiento de sistemas
automatizados en procesos industriales. Los estudiantes aprenden a utilizar tecnologías como controladores
programables, robótica y sistemas de control para optimizar la producción y mejorar la eficiencia en fábricas
y plantas industriales.
</div>
<script>
function toggleCloud3() {
var cloud = document.getElementById("cloud3");
if (cloud.style.display === "none" || cloud.style.display === "") {
cloud.style.display = "block";
} else {
cloud.style.display = "none";
}
}
</script>
</figcaption>
</div>
</section>
<section class="space"></section>
<section id="section4">
<div class="sec4_1">
<div class="tech1">
<img class="tech1img" src="https://www.vikingsoftware.com/wp-content/uploads/2024/02/C-2.png" alt="c++"/>
<a href="https://www.programiz.com/cpp-programming/online-compiler/" target="_blank"><img class="tech1img" src="https://www.vikingsoftware.com/wp-content/uploads/2024/02/C-2.png" alt="c++"/></a>
</div>
<div class="hp">
<h2>Habilidades Principales</h2>
</div>
<div class="tech2">
<img class="tech2img" src="https://loudbench.com/wp-content/uploads/2023/02/Python-logo-1024x576.png" alt="python"/>
<a href="https://www.programiz.com/python-programming/online-compiler/" target="_blank"><img class="tech2img" src="https://loudbench.com/wp-content/uploads/2023/02/Python-logo-1024x576.png" alt="python"/></a>
</div>
</div>
<div class="sec4_2">
<div class="tech3">
<img class="tech3img" src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d2/C_Sharp_Logo_2023.svg/640px-C_Sharp_Logo_2023.svg.png" alt="c#"/>
<a href="https://www.programiz.com/csharp-programming/online-compiler/" target="_blank"><img class="tech3img" src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d2/C_Sharp_Logo_2023.svg/640px-C_Sharp_Logo_2023.svg.png" alt="c#"/></a>
</div>
<div class="tech4">
<img class="tech4img" src="https://trellat.es/wp-content/uploads/2015/02/javascript_logo.png" alt="javascript"/>
<a href="https://www.programiz.com/javascript/online-compiler/" target="_blank"><img class="tech4img" src="https://trellat.es/wp-content/uploads/2015/02/javascript_logo.png" alt="javascript"/></a>
</div>
</div>
<div class="sec4_3">
<div class="tech5">
<img class="tech5img" src="https://miro.medium.com/v2/resize:fit:792/1*lJ32Bl-lHWmNMUSiSq17gQ.png" alt="html"/>
<a href="https://www.programiz.com/html/online-compiler/" target="_blank"><img class="tech5img" src="https://miro.medium.com/v2/resize:fit:792/1*lJ32Bl-lHWmNMUSiSq17gQ.png" alt="html"/></a>
</div>
<div class="tech6">
<img class="tech6img" src="https://www.logo.wine/a/logo/Java_(programming_language)/Java_(programming_language)-Logo.wine.svg" alt="java"/>
<a href="https://www.programiz.com/java-programming/online-compiler/" target="_blank"><img class="tech6img" src="https://www.logo.wine/a/logo/Java_(programming_language)/Java_(programming_language)-Logo.wine.svg" alt="java"/></a>
</div>
</div>
</section>
Expand Down Expand Up @@ -223,6 +270,9 @@ <h2 class="last">Algo mas</h2>
</body>
<hr>
<footer>
<p class="exp_algo" style="text-align: center;">Created by: Steven López Giraldo <br> &copy; 2024 Ao Corporation. All rights reserved. <br> <a href="your-privacy-policy-link">Privacy Policy</a> <br> <a href="your-terms-of-service-link">Terms of Service</a></p>
<p class="exp_algo" style="text-align: center;">Created by: Steven López Giraldo <br>
&copy; 2024 Ao Corporation. All rights reserved. <br>
<a href="https://steven-lg09.github.io/Portfolio/PrivacyPolicy.html" target="_blank">Privacy Policy</a> <br>
<a href="https://steven-lg09.github.io/Portfolio/termsOfService.html" target="_blank">Terms of Service</a></p>
</footer>
</html>
51 changes: 51 additions & 0 deletions termsOfService.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Terms of Service</title>
<link rel="stylesheet" href="Back.css">
<link rel="icon" href="man.png" type="image/png">
</head>
<body class="privacy">

<h1>Terms of Service</h1>
<p>Effective date: 12/09/2024</p>

<p>Welcome to Mi portafolio. By using our website, services, or products, you agree to comply with and be bound by the following terms and conditions.</p>

<h2>1. Acceptance of Terms</h2>
<p>By accessing and using our website, you acknowledge that you have read, understood, and agree to be bound by these terms. If you do not agree to these terms, please discontinue use of our services immediately.</p>

<h2>2. Modifications to Terms</h2>
<p>We reserve the right to modify or replace these terms at any time without prior notice. Any changes will be effective immediately upon posting to our website. It is your responsibility to review these terms regularly for updates.</p>

<h2>3. Use of Our Services</h2>
<ul>
<li>You agree to use our services only for lawful purposes.</li>
<li>You must not use our website in any way that causes, or may cause, damage to the website or impairment of the availability or accessibility of the website.</li>
<li>We reserve the right to terminate or restrict your access to our services if we suspect you are engaging in illegal activities or violating these terms.</li>
</ul>

<h2>4. Intellectual Property</h2>
<p>All content, logos, images, and trademarks on our website are the property of Ao Corporation unless otherwise stated. You may not use, reproduce, or distribute any material from this website without prior written permission.</p>

<h2>5. User Accounts</h2>
<p>If you create an account on our website, you are responsible for maintaining the confidentiality of your account information and for any activities that occur under your account. We reserve the right to terminate accounts at our discretion.</p>

<h2>6. Limitation of Liability</h2>
<p>To the fullest extent permitted by law, Ao Corporation will not be liable for any damages or losses arising from the use of our services, including but not limited to direct, indirect, incidental, punitive, or consequential damages.</p>

<h2>7. Governing Law</h2>
<p>These terms are governed by the laws of Colombia, without regard to conflict of laws principles. Any disputes arising from the use of our services will be subject to the exclusive jurisdiction of the courts located in this country.</p>

<h2>8. Termination</h2>
<p>We may terminate your access to our services at any time without notice if we believe you have violated these terms.</p>

<h2>9. Contact Us</h2>
<p>If you have any questions about these terms, please contact us at <a href="mailto:aocorporations@gmail.com">aocorporations@gmail.com</a>.</p>

<p>&copy; 2024 Ao Corporation. All rights reserved.</p>

</body>
</html>

0 comments on commit be0188c

Please sign in to comment.