diff --git a/beginner/assets/cursor.cur b/beginner/assets/cursor.cur
new file mode 100755
index 0000000..dfd912e
Binary files /dev/null and b/beginner/assets/cursor.cur differ
diff --git a/beginner/assets/dark.png b/beginner/assets/dark.png
index 5c9ddb0..a240b53 100755
Binary files a/beginner/assets/dark.png and b/beginner/assets/dark.png differ
diff --git a/beginner/assets/light.png b/beginner/assets/light.png
index b8f4837..144c2f4 100755
Binary files a/beginner/assets/light.png and b/beginner/assets/light.png differ
diff --git a/beginner/index.css b/beginner/index.css
index 502b268..0708a01 100644
--- a/beginner/index.css
+++ b/beginner/index.css
@@ -1,12 +1,8 @@
-@import url("https://fonts.googleapis.com/css?family=Poppins&display=swap");
-@import url("https://fonts.googleapis.com/css?family=Carter+One&display=swap");
+@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Carter+One&display=swap');
-/* Setting the margin, padding, box-sizing, and font-family for all elements. */
* {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- font-family: 'Poppins', sans-serif;
+ cursor: url('./assets/cursor.cur'),auto;
}
/* Setting the default background color to white and the default text color to black. */
@@ -26,7 +22,7 @@ html {
}
body {
- max-width: 100%;
+ font-family: 'Poppins', sans-serif;
}
header {
@@ -98,7 +94,6 @@ li {
.hamburger {
display: none;
- cursor: pointer;
}
.bar {
@@ -143,23 +138,22 @@ section {
font-size: 3.5rem;
font-family: 'Carter One', sans-serif;
font-weight: bold;
- color: #7b3fe4;
+ color: #8358cd;
}
.txt__upper {
- font-weight: 900;
- text-decoration-line: underline;
- text-decoration-color: salmon;
+ font-weight: 800;
+ color: rgb(83, 81, 81);
}
.txt__under {
- font-weight: bold;
- text-decoration-line: underline;
- text-decoration-color: salmon;
+ font-weight: 700;
+ color: rgb(83, 81, 81);
}
.desc {
padding: .5rem;
+ color: rgb(119, 119, 119);
}
.btn {
@@ -176,7 +170,11 @@ section {
}
.btn:hover {
- transform: scale(1.1);
+ /*transform: scale(1.1);*/
+ color: rgb(239, 248, 252);
+ background-color: #7b3fe4;
+ box-shadow: none;
+ border: 0;
}
.txt::first-letter {
@@ -225,7 +223,7 @@ section {
.card {
box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
- border-bottom-right-radius: 1rem;
+ border-radius: 12px;
}
.card__cover {
@@ -233,7 +231,8 @@ section {
}
.card__cover img {
- border-top-left-radius: 1rem;
+ border-top-left-radius: 12px;
+ border-top-right-radius: 12px;
}
.card:hover {
@@ -243,7 +242,8 @@ section {
.card__content {
padding: 1.25rem;
background-color: white;
- border-bottom-right-radius: 1rem;
+ border-bottom-left-radius: 12px;
+ border-bottom-right-radius: 12px;
}
.card__content p {
@@ -268,7 +268,7 @@ section {
}
.testimony {
- background: #7b3fe4;
+ background: #7757ae;
display: flex;
flex-direction: column;
justify-content: center;
@@ -481,7 +481,6 @@ figcaption {
height: 30px;
margin: 10px 10px;
position: relative;
- cursor: pointer;
display: inline-block;
}
.nav-icon-6 span{
diff --git a/beginner/index.html b/beginner/index.html
index b49c278..f39ead3 100644
--- a/beginner/index.html
+++ b/beginner/index.html
@@ -6,6 +6,7 @@
Landing page
+
@@ -42,10 +43,10 @@
- Hello I'm,
+ Hello 👋 I'm,
John Doe
- Software Engineer.
- Lorem, ipsum dolor sit amet consectetur adipisicing elit. Unde, iusto ullam? Vel facilis rem sit inventore a iure eum excepturi quasi sapiente cum voluptate, expedita, placeat nihil, molestias magnam vero?
+ Software Engineer. 💻
+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eius, temporibus.
Contact Me!
diff --git a/beginner/reset.css b/beginner/reset.css
new file mode 100644
index 0000000..084e60c
--- /dev/null
+++ b/beginner/reset.css
@@ -0,0 +1,46 @@
+*,
+*::before,
+*::after {
+ box-sizing: border-box;
+}
+
+* {
+ margin: 0;
+}
+
+html,
+body {
+ height: 100%;
+}
+
+body {
+ line-height: 1.5;
+ -webkit-font-smoothing: antialiased;
+}
+
+img,
+picture,
+video,
+canvas,
+svg {
+ display: block;
+ max-width: 100%;
+}
+
+input,
+button,
+textarea,
+select {
+ font: inherit;
+}
+
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ overflow-wrap: break-word;
+}
+
\ No newline at end of file
diff --git a/images/beginner.png b/images/beginner.png
index 5c9ddb0..a240b53 100755
Binary files a/images/beginner.png and b/images/beginner.png differ