diff --git a/CSS/AboutMe.css b/CSS/AboutMe.css new file mode 100644 index 0000000..b888baf --- /dev/null +++ b/CSS/AboutMe.css @@ -0,0 +1,78 @@ + *{ + box-sizing: border-box; + } + + .Container{ + font-family: "Roboto", sans-serif; + border: 4px dashed #E0E0E0; + padding: 25px 25px; + } + + .Container h2 { + text-align: center; + color: #000000; + text-shadow: 2px 2px 2px #808B96; + } + + .Container ul { + margin: 30px auto; + padding: 0 20px; + text-align: center; + } + + .Container p { + font-size: 18px; + text-align: justify; + padding: 25px 20px; + overflow-x: hidden; + line-height: 1.5; + } + + .Goals{ + border: 4px dotted #839192; + padding: 20px 30px; + margin: 30px 20px; + } + + .Container-Images{ + display: flex; + justify-content: center; + } + + .Image-1{ + width: 300px; + height: 600px; + margin-right: 10px; + box-shadow: 0px 1px 2px 0px #B3B6B7; + } + + .Image-2{ + width: 700px; + height: 600px; + margin-left: 10px; + box-shadow: 0px 1px 2px 0px #B3B6B7; + } + + .Icon-1{ + margin-top: 100px; + height: 200px; + width: 200px; + } + + .Icon-2{ + height: 200px; + width: 200px; + } + + .ByLine{ + border-bottom: 1px solid LightGrey; + border-top: 1px solid LightGrey; + color: DarkGrey; + font-size: 24px; + font-weight: bold; + text-align: center; + writing-mode: vertical-rl; + text-orientation: mixed; + height: 600px; + } + diff --git a/CSS/AdditionalContent.css b/CSS/AdditionalContent.css new file mode 100644 index 0000000..5203db5 --- /dev/null +++ b/CSS/AdditionalContent.css @@ -0,0 +1,17 @@ +.Gallery { + margin: 20px 80px 80px 40px; + box-shadow: 0px 4px 8px 0px lightslategray; + float: left; + width: 350px; + } + + .Gallery img { + width: 100%; + height: auto; + display: inline-block; + } + + .Gallery:hover { + border: 1px solid lightslategray; + transform: rotate(-3deg); + } \ No newline at end of file diff --git a/CSS/ContactUs.css b/CSS/ContactUs.css new file mode 100644 index 0000000..e5477da --- /dev/null +++ b/CSS/ContactUs.css @@ -0,0 +1,103 @@ +*{ + box-sizing: border-box; + font-family: "Roboto", sans-serif; + margin: 0; + padding: 0; +} + +nav a{ + z-index: 4; +} + +a{ + color: #E0E0E0; +} + +.Content{ + height: 100vh; + display: flex; + align-items: center; +} + +.Header-Video{ + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100vh; + overflow: hidden; +} + +.Header-Video video{ + min-width: 100%; + min-height: 100%; + z-index: 0; + align-items: center; + justify-content: center; +} + +.Overlay{ + height: 100vh; + width: 100vw; + position: absolute; + top: 0; + left: 0; + background: #000000; + z-index: 1; + opacity: .10; +} + +.Forms{ + z-index: 3; + padding-left: 1rem; + padding-right: 1rem; + margin: auto; + text-align: center; +} + +.Forms h1 , h2{ + color: #E0E0E0; + text-align: center; + text-shadow: 2px 2px 2px #808B96; +} + +.Forms label { + display: block; + font-weight: bold; + font-size: 24px; + text-align: center; + color: #E0E0E0; + text-shadow: 2px 2px 2px #808B96; + } + + .Forms input, + select, + textarea { + display: flex; + width: 100%; + padding: 10px 25px; + border: 3px; + border-radius: 4%; + box-sizing: border-box; + font-size: 16px; + } + + .Forms button { + border: none; + border-radius: 5px; + padding: 10px; + font-size: 16px; + cursor: pointer; + } + + .Forms a { + display: inline-block; + text-decoration: none; + font-weight: bold; + font-size: 16px; + } + + #Email{ + font-weight: bold; + font-size: 22px; + } \ No newline at end of file diff --git a/CSS/Index.css b/CSS/Index.css new file mode 100644 index 0000000..cf9e239 --- /dev/null +++ b/CSS/Index.css @@ -0,0 +1,65 @@ +*{ + box-sizing: border-box; +} + + +img{ + float: left; + margin: 10px 30px 10px 30px; + height: 1215px; + width: 400px; +} + +.General-Block{ + font-family: "Roboto", sans-serif; + text-align: justify; + bottom: 15%; + padding: 25px 20px; + overflow-x: hidden; + line-height: 1.5; +} + +.Information h1 , h2{ + text-align: center; + color: #000000; + text-shadow: 2px 2px 2px #808B96; +} + +.Famous-Phrase p{ + padding: 25px; + border: 5px solid #566573; +} + +.Video{ + position: relative; + left: 250px; +} + +#Footer img{ + background-size: cover; + background-position: bottom center; + height: 600px; + width: 100%; + z-index: 0; +} + +#Footer .Content p { + + color: white; + text-align: center; + z-index: 1; + font-size: 32px; + position: relative; + bottom: 500px; + width: 600px; + margin: 0 auto; +} + +#Bibliography{ + z-index: 1; + text-align: center; + font-weight: bold; + text-decoration: none; + border-radius: 10px; + color: #33691E; +} \ No newline at end of file diff --git a/CSS/Style.css b/CSS/Style.css new file mode 100644 index 0000000..209f615 --- /dev/null +++ b/CSS/Style.css @@ -0,0 +1,67 @@ +* { + margin: 0; +} + +header{ + width: 100%; + background-color: #E5E7E9 ; + text-align: center; + padding: 25px 0; + font-family: "Roboto", sans-serif; +} + +.body { + background-color: #fff; + overflow-x: hidden; + line-height: 1.5; +} + +.Title { + margin-top: 5%; + text-align: center; + color: #000000; + text-shadow: 2px 2px 2px #808B96; + } + +ul{ + list-style: none; +} + +a { + display: inline-block; + text-decoration: none; + padding: 5px 15px; + text-align: center; + width: 100%; + color: #000000; + border-radius: 15px; +} + +.Links a:hover{ + background-color: #fff; + color: #34495E; + font-weight: bold; +} + +.Links { + width: 80%; + margin: auto; + display: flex; + justify-content: space-between; + font-size: 24px; + font-weight: bold; + text-shadow: 1px 1px 2px #808B96; +} + +li { + color: #000000; + font-family: "Oswald", sans-serif; + font-size: 16px; + font-weight: 300; + text-transform: uppercase; +} + +li:hover { + color: #283593; + font-weight: bold; +} diff --git a/HTML/AboutMe.html b/HTML/AboutMe.html new file mode 100644 index 0000000..324e704 --- /dev/null +++ b/HTML/AboutMe.html @@ -0,0 +1,109 @@ + + +
+ + + + + + + + + ++ Hi, nice to meet you, I'm Ivan Barbosa Gomez, I'm a Systems Engineering + student at the Universidad del Quindio in the 8th semester and an Ada + student in the Full Stack Developer Bootcamp, I'm 24 years old and + almost 25. +
++ I really like music, even as a hobby I am learning to be a DJ, I also + really like soccer before suffering an injury in my right knee I was a + soccer player and that was my dream, I really like programming although + it has been a complicated process but here we continue haha. I really + like speed I have had cars and motorcycles and I have done 1/4 mile and + from time to time I play League Of Legends on my computer. +
++ I consider myself a person who has many skills, among which I can say + that they are: Relate easily with people, I consider myself a leader and + I always try to propose ideas that help in the work group or in the + group in which I am, I learn easily although I lack be more constant, I + have business skills and everything that goes into the commercial area + and I am very confident in my talents and what I am as a person. +
+
+
+ 
+
+
+
+
+
+
+ + Artificial intelligence, in computer science, is the set of systems or + combination of algorithms, whose purpose is to create machines that + mimic human intelligence to perform tasks and can improve according to + the information they collect. Artificial intelligence is not intended + to replace humans, but to significantly enhance human capabilities and + contributions. +
++ Law plays a fundamental role in the use and development of AI. Laws + establish binding rules and standards of behavior to ensure social + welfare and protect individual rights, and can help us reap the + benefits of this technology while minimizing its risks, which are + significant. At the moment there are no legal regulations that + directly regulate AI. But dated April 21, 2021, the European + Commission has presented a proposal for a European Regulation for the + harmonized regulation of artificial intelligence (AI) in the EU. Its + exact title is + Proposal for a Regulation of the European Parliament and of the + Council establishing harmonized standards in the field of artificial + intelligence Artificial Intelligence Law and modifying other + legislative acts of the Union. +
++ Helps automate repetitive learning and discovery through data, + performs frequent computational tasks reliably, however requires human + research for system configuration. Analyze more data and deeper data. + It adds intelligence, since it cannot be sold as an individual + application, so it is an added value to the products. +
++ The main criticisms of artificial intelligence have to do with its + ability to completely mimic a human being. However, there are experts + [citation needed] on the subject who indicate that no individual human + has the capacity to solve all kinds of problems, and authors such as + Howard Gardner have theorized about the solution. In humans, the + ability to solve problems has two aspects: the innate aspects and the + learned aspects. The innate aspects allow, for example, to store and + retrieve information in memory, while the learned aspects reside in + knowing how to solve a mathematical problem using the appropriate + algorithm. In the same way that a human must have tools that allow him + to solve certain problems, artificial systems must be programmed in + such a way that they can solve them. +
++ In our business, we talk about emerging technologies and how they + impact society. We have never seen a technology that moves as fast + as AI has an impact on society and technology. This is by far the + fastest moving technology we've tracked in terms of its impact and + we're just getting started. +
+