Fonts

ibrahimhc19 · ibrahimhc19 · commit a80c8cbe1315 · 2023-10-04T15:54:06.000-05:00
diff --git a/01-NavBar - Bootstrap - Offcanvas/styles.css b/01-NavBar - Bootstrap - Offcanvas/styles.css
@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&family=Ubuntu:wght@300;400&display=swap');
 *{
   font-family: 'Ubuntu', sans-serif!important;
   color: #F9F5F6!important;
diff --git a/01-NavBar - Bootstrap/styles.css b/01-NavBar - Bootstrap/styles.css
@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&family=Ubuntu:wght@300;400&display=swap');
 *{
   font-family: 'Ubuntu', sans-serif!important;
   color: #F9F5F6!important;
diff --git a/01-NavBar - Javascript/index.html b/01-NavBar - Javascript/index.html
@@ -8,10 +8,6 @@
   <!-- Favicon -->
   <link rel="icon" type="image/png" sizes="32x32" href="../favicon/ms-icon-32x32.png">
   <link rel="apple-touch-icon" sizes="60x60" href="../favicon/apple-icon-60x60.png">
-  <!-- Fuentes -->
-  <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=Ubuntu:wght@300&display=swap" rel="stylesheet">
   <!-- Hojas de estilos -->
   <link rel="stylesheet" href="styles.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
diff --git a/01-NavBar - Javascript/styles.css b/01-NavBar - Javascript/styles.css
@@ -1,3 +1,4 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&family=Ubuntu:wght@300;400&display=swap');
 * {
   margin: 0;
   padding: 0;
diff --git a/01-NavBar/index.html b/01-NavBar/index.html
@@ -8,10 +8,6 @@
   <!-- Favicon -->
   <link rel="icon" type="image/png" sizes="32x32" href="../favicon/ms-icon-32x32.png">
   <link rel="apple-touch-icon" sizes="60x60" href="../favicon/apple-icon-60x60.png">
-  <!-- Fuentes -->
-  <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=Ubuntu:wght@300&display=swap" rel="stylesheet">
   <!-- Hojas de estilos -->
   <link rel="stylesheet" href="styles.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
diff --git a/01-NavBar/styles.css b/01-NavBar/styles.css
@@ -1,3 +1,4 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&family=Ubuntu:wght@300;400&display=swap');
 * {
   margin: 0;
   padding: 0;
diff --git a/02 - Login Form/index.html b/02 - Login Form/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="./styles.css">
+  <title>Document</title>
+</head>
+<body>
+
+    <div class="form-container">
+        
+    </div>
+
+</body>
+</html>
diff --git a/02 - Login Form/styles.css b/02 - Login Form/styles.css
@@ -0,0 +1,32 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&family=Ubuntu:wght@300;400&display=swap');
+* {
+  margin: 0;
+  padding: 0;
+  color: #F9F5F6;
+  list-style: none;
+  text-decoration: none;
+  box-sizing: border-box;
+  font-family: 'Ubuntu', sans-serif;
+  -webkit-tap-highlight-color: transparent; 
+}
+
+:root{
+  --bg-color: linear-gradient(217deg, #ee6fca, rgba(255, 0, 0, 0) 70.71%), 
+							linear-gradient(127deg, #67bad4, rgba(0, 255, 0, 0) 70.71%), 
+							linear-gradient(336deg, #24b6e7, rgba(0, 0, 255, 0) 70.71%);
+  --altura: 5rem;
+}
+
+body{
+  background-color: #dbcce9;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+
+.form-container{
+  width: 350px;
+  height: 450px;
+  background: var(--bg-color);
+}

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap');`
	`1`	`+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&family=Ubuntu:wght@300;400&display=swap');`
`2`	`2`	`*{`
`3`	`3`	`font-family: 'Ubuntu', sans-serif!important;`
`4`	`4`	`color: #F9F5F6!important;`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&family=Ubuntu:wght@300;400&display=swap');`
`1`	`2`	`* {`
`2`	`3`	`margin: 0;`
`3`	`4`	`padding: 0;`