Skip to content

Commit 4e426ec

Browse files
ibrahimhc19ibrahimhc19
committed
directorios
1 parent 787084e commit 4e426ec

6 files changed

Lines changed: 88 additions & 10 deletions

File tree

02 - Login Form/index.html renamed to 02-Login Form/index.html

File renamed without changes.

02 - Login Form/styles.css renamed to 02-Login Form/styles.css

File renamed without changes.

03 - User Profile Card/index.html renamed to 03-User Profile Card/index.html

Lines changed: 13 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -38,12 +38,21 @@
3838
<img src="../imgs/WhatsApp Image 2023-03-29 at 19.42.27.jpg" alt="" />
3939

4040
<h1>Ibrahim Calzadilla</h1>
41-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam sapiente iusto est. Dolorem voluptatibus labore omnis error nihil alias ex? Iure sapiente, non repellendus maxime nulla quo et. Vero, ex.</p>
41+
<p class="introduction">My name is Ibrahim Calzadilla and I'm a front end developer</p>
4242
<button type="button">Hire me</button>
4343
<div class="socials">
44-
<li><i class="fa-brands fa-instagram" style="color: #ffffff;"></i><p>100K</p></li>
45-
<li><i class="fa-brands fa-youtube" style="color: #ffffff;"></i><p>100K</p></li>
46-
<li><i class="fa-brands fa-twitter" style="color: #ffffff;"></i><p>100K</p></li>
44+
<li>
45+
<i class="fa-brands fa-instagram" style="color: #ffffff"></i>
46+
<p>100K</p>
47+
</li>
48+
<li>
49+
<i class="fa-brands fa-youtube" style="color: #ffffff"></i>
50+
<p>100K</p>
51+
</li>
52+
<li>
53+
<i class="fa-brands fa-twitter" style="color: #ffffff"></i>
54+
<p>100K</p>
55+
</li>
4756
</div>
4857
</div>
4958
</body>

03 - User Profile Card/styles.css renamed to 03-User Profile Card/styles.css

Lines changed: 16 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -28,14 +28,15 @@ body {
2828

2929
.cardContainer {
3030
background-color: black;
31-
width: 425px;
32-
height: 600px;
31+
width: 320px;
32+
/* height: 600px; */
3333
border-radius: 8px;
3434
margin: 0 auto;
3535
display: flex;
3636
flex-direction: column;
3737
padding: 2rem;
3838
align-items: center;
39+
background-color: rgb(31, 31, 32);
3940
}
4041

4142
.cardTop {
@@ -44,9 +45,6 @@ body {
4445
width: 100%;
4546
}
4647

47-
/* .cardTop li {
48-
padding: 0 1rem;
49-
} */
5048
.cardTop i {
5149
font-size: 1.6rem;
5250
}
@@ -56,7 +54,7 @@ body {
5654
}
5755

5856
img {
59-
width: 150px;
57+
width: 120px;
6058
border-radius: 50%;
6159
}
6260

@@ -68,6 +66,9 @@ button {
6866
color: black;
6967
font-size: 20px;
7068
font-weight: bold;
69+
border: none;
70+
cursor: pointer;
71+
display: block;
7172
}
7273

7374
.icons-right li:first-of-type {
@@ -93,4 +94,13 @@ button {
9394

9495
p, h1{
9596
text-align: center;
97+
}
98+
99+
.introduction{
100+
font-size: 1rem;
101+
/* padding: 0 1rem; */
102+
}
103+
104+
h1{
105+
font-size: 1.8rem;
96106
}

‎04-Contact Form/index.html‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<!-- Favicon -->
8+
<link
9+
rel="icon"
10+
type="image/png"
11+
sizes="32x32"
12+
href="../favicon/ms-icon-32x32.png"
13+
/>
14+
<link
15+
rel="apple-touch-icon"
16+
sizes="60x60"
17+
href="../favicon/apple-icon-60x60.png"
18+
/>
19+
<!-- Hojas de estilos -->
20+
<link rel="stylesheet" href="styles.css" />
21+
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> -->
22+
<script
23+
src="https://kit.fontawesome.com/4086eabc67.js"
24+
crossorigin="anonymous"
25+
></script>
26+
<title></title>
27+
</head>
28+
29+
<body>
30+
31+
</body>
32+
</html>

‎04-Contact Form/styles.css‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200&family=Ubuntu:wght@300;400&display=swap");
2+
* {
3+
margin: 0;
4+
padding: 0;
5+
color: #f9f5f6;
6+
list-style: none;
7+
text-decoration: none;
8+
box-sizing: border-box;
9+
font-family: "Ubuntu", sans-serif;
10+
-webkit-tap-highlight-color: transparent;
11+
}
12+
13+
:root {
14+
--bg-color: linear-gradient(217deg, #ee6fca, rgba(255, 0, 0, 0) 70.71%),
15+
linear-gradient(127deg, #67bad4, rgba(0, 255, 0, 0) 70.71%),
16+
linear-gradient(336deg, #24b6e7, rgba(0, 0, 255, 0) 70.71%);
17+
--altura: 5rem;
18+
}
19+
20+
body {
21+
background-color: #dbcce9;
22+
justify-content: center;
23+
align-items: center;
24+
display: flex;
25+
width: 100%;
26+
height: 100vh;
27+
}

0 commit comments

Comments
 (0)