Merge pull request #143 from CSFelix/CSFelix-patch-1

📦 Updated

Author: CSFelix

index.html

@@ -55,6 +55,7 @@
 		<link rel="stylesheet" type="text/css" href="./assets/css/styles/sections.css">
 		<link rel="stylesheet" type="text/css" href="./assets/css/styles/skills_cards.css">
 		<link rel="stylesheet" type="text/css" href="./assets/css/styles/social_medias.css">
+		<link rel="stylesheet" type="text/css" href="./assets/css/styles/partners.css">
 		<link rel="stylesheet" type="text/css" href="./assets/css/styles/contact_form.css">
 		<link rel="stylesheet" type="text/css" href="./assets/css/styles/footer.css">
 		<link rel="stylesheet" type="text/css" href="./assets/css/styles/modal.css">
@@ -101,6 +102,7 @@
 			<a href="#aboutMeContainer"><li>About Me</li></a>
 			<a href="#skillsContainer"><li>Skills</li></a>
 			<a href="#projectsContainer"><li>Projects</li></a>
+			<a href="#partnersContainer"><li>Partners</li></a>
 			<a href="#reachMeContainer"><li>Reach Me</li></a>
 		</ul>
 
@@ -133,6 +135,7 @@
 					<li><a href="#aboutMeContainer">About Me</a></li>
 					<li><a href="#skillsContainer">Skills</a></li>
 					<li><a href="#projectsContainer">Projects</a></li>
+					<li><a href="#partnersContainer">Partners</a></li>
 					<li><a href="#reachMeContainer">Reach Me</a></li>
 				</ul>
 			</nav>
@@ -154,6 +157,7 @@ <h1 class="toShuffle">What's shakin', bacon? 👋</h1>
 		-->
 		<section id="aboutMeContainer" class="container">
 
+			<!-- background-color 2 -->
 			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#0a394d" fill-opacity="1" d="M0,160L12.6,138.7C25.3,117,51,75,76,80C101.1,85,126,139,152,170.7C176.8,203,202,213,227,202.7C252.6,192,278,160,303,165.3C328.4,171,354,213,379,234.7C404.2,256,429,256,455,218.7C480,181,505,107,531,80C555.8,53,581,75,606,85.3C631.6,96,657,96,682,117.3C707.4,139,733,181,758,176C783.2,171,808,117,834,117.3C858.9,117,884,171,909,176C934.7,181,960,139,985,117.3C1010.5,96,1036,96,1061,122.7C1086.3,149,1112,203,1137,234.7C1162.1,267,1187,277,1213,277.3C1237.9,277,1263,267,1288,240C1313.7,213,1339,171,1364,176C1389.5,181,1415,235,1427,261.3L1440,288L1440,0L1427.4,0C1414.7,0,1389,0,1364,0C1338.9,0,1314,0,1288,0C1263.2,0,1238,0,1213,0C1187.4,0,1162,0,1137,0C1111.6,0,1086,0,1061,0C1035.8,0,1011,0,985,0C960,0,935,0,909,0C884.2,0,859,0,834,0C808.4,0,783,0,758,0C732.6,0,707,0,682,0C656.8,0,632,0,606,0C581.1,0,556,0,531,0C505.3,0,480,0,455,0C429.5,0,404,0,379,0C353.7,0,328,0,303,0C277.9,0,253,0,227,0C202.1,0,177,0,152,0C126.3,0,101,0,76,0C50.5,0,25,0,13,0L0,0Z"></path></svg>
 
 			<br /><br />
@@ -525,10 +529,10 @@ <h2 class="skillsTitle">DS Studies</h2>
 
 		<!--
 			**************
-			** Reach Me **
+			** Partners **
 			**************
 		-->
-		<section id="reachMeContainer" class="container">
+		<section id="partnersContainer" class="container">
 
 			<!-- background-color 1 -->
 			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#041f36" fill-opacity="1" d="M0,160L12.6,138.7C25.3,117,51,75,76,80C101.1,85,126,139,152,170.7C176.8,203,202,213,227,202.7C252.6,192,278,160,303,165.3C328.4,171,354,213,379,234.7C404.2,256,429,256,455,218.7C480,181,505,107,531,80C555.8,53,581,75,606,85.3C631.6,96,657,96,682,117.3C707.4,139,733,181,758,176C783.2,171,808,117,834,117.3C858.9,117,884,171,909,176C934.7,181,960,139,985,117.3C1010.5,96,1036,96,1061,122.7C1086.3,149,1112,203,1137,234.7C1162.1,267,1187,277,1213,277.3C1237.9,277,1263,267,1288,240C1313.7,213,1339,171,1364,176C1389.5,181,1415,235,1427,261.3L1440,288L1440,0L1427.4,0C1414.7,0,1389,0,1364,0C1338.9,0,1314,0,1288,0C1263.2,0,1238,0,1213,0C1187.4,0,1162,0,1137,0C1111.6,0,1086,0,1061,0C1035.8,0,1011,0,985,0C960,0,935,0,909,0C884.2,0,859,0,834,0C808.4,0,783,0,758,0C732.6,0,707,0,682,0C656.8,0,632,0,606,0C581.1,0,556,0,531,0C505.3,0,480,0,455,0C429.5,0,404,0,379,0C353.7,0,328,0,303,0C277.9,0,253,0,227,0C202.1,0,177,0,152,0C126.3,0,101,0,76,0C50.5,0,25,0,13,0L0,0Z"></path></svg>
@@ -537,7 +541,7 @@ <h2 class="skillsTitle">DS Studies</h2>
 
 			<!-- title -->
 			<h2 class="containerTitle">
-				<span class="containerTitleText">Reach Me</span>
+				<span class="containerTitleText">Partners</span>
 			</h2>
 
 			<br /><br />
@@ -550,6 +554,50 @@ <h2 class="containerTitle">
 
 				<br />
 
+				<div class="partnersSubContainer">
+					<!--
+						******************
+						** Mateus Maffi **
+						******************
+					-->
+					<div id="partnerMateusMaffiBtn" class="partnerIcon">
+						<a href="https://mmaffi.github.io" target="_blank">
+							<img class="reachMeLogo" src="./assets/icons/partners/mateus-maffi.png" alt="Mateus Maffi Logo" width="100px" height="100px" />
+						</a>
+					</div>
+				</div>
+
+				<br />
+			</div>
+		</section>
+
+		<!--
+			**************
+			** Reach Me **
+			**************
+		-->
+		<section id="reachMeContainer" class="container">
+
+			<!-- background-color 2 -->
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#0a394d" fill-opacity="1" d="M0,160L12.6,138.7C25.3,117,51,75,76,80C101.1,85,126,139,152,170.7C176.8,203,202,213,227,202.7C252.6,192,278,160,303,165.3C328.4,171,354,213,379,234.7C404.2,256,429,256,455,218.7C480,181,505,107,531,80C555.8,53,581,75,606,85.3C631.6,96,657,96,682,117.3C707.4,139,733,181,758,176C783.2,171,808,117,834,117.3C858.9,117,884,171,909,176C934.7,181,960,139,985,117.3C1010.5,96,1036,96,1061,122.7C1086.3,149,1112,203,1137,234.7C1162.1,267,1187,277,1213,277.3C1237.9,277,1263,267,1288,240C1313.7,213,1339,171,1364,176C1389.5,181,1415,235,1427,261.3L1440,288L1440,0L1427.4,0C1414.7,0,1389,0,1364,0C1338.9,0,1314,0,1288,0C1263.2,0,1238,0,1213,0C1187.4,0,1162,0,1137,0C1111.6,0,1086,0,1061,0C1035.8,0,1011,0,985,0C960,0,935,0,909,0C884.2,0,859,0,834,0C808.4,0,783,0,758,0C732.6,0,707,0,682,0C656.8,0,632,0,606,0C581.1,0,556,0,531,0C505.3,0,480,0,455,0C429.5,0,404,0,379,0C353.7,0,328,0,303,0C277.9,0,253,0,227,0C202.1,0,177,0,152,0C126.3,0,101,0,76,0C50.5,0,25,0,13,0L0,0Z"></path></svg>
+			
+			<br /><br />
+
+			<!-- title -->
+			<h2 class="containerTitle">
+				<span class="containerTitleText">Reach Me</span>
+			</h2>
+
+			<br /><br />
+
+			<!-- content -->
+			<div class="containerContent">
+				<video width="175px" height="auto" loop muted autoplay>
+					<source src="./assets/stickers/robot/projects.mp4" type="video/mp4" />
+				</video>
+				
+				<br />
+
 				<!-- 
 					*******************
 					** Social Medias **