fix

Rifzkhy · Aug 20, 2023 · a3386e3 · a3386e3
1 parent 9da8997
commit a3386e3
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 4 deletions.
diff --git a/css/global.css b/css/global.css
@@ -1,5 +1,6 @@
 body{
     height: 100vh;
+    overflow-x: hidden;
     color: #101010;
     background-color: #e3e3e3;
     scroll-behavior: smooth;

diff --git a/css/profile.css b/css/profile.css
@@ -22,16 +22,17 @@ background-color: #fff;
   height: 26rem;
 	/* box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.8); */
 	transform-style: preserve-3d;
+  border-radius: 20px;
 }
 
 .card .profile-pics {
   position: absolute;
   top: 20px;
-	left: 19px;
+	left: 18px;
 	max-width: 250px;
   transform: translateZ(20px);
-	transition: 0.5s;
 	border-radius: 15px;
+  transition: .5s;
 }
 
 .card:hover .profile-pics{
@@ -40,10 +41,24 @@ background-color: #fff;
 	left: 20px;
 	/* transform: translate3d(-100%, -50%, 10px); */
 	max-width: 100px;
-	transition: 0.5s;
 	border-radius: 15px;
 }
 
+.card .card-body{
+  position: absolute;
+	top: 270px;
+  transform: translateZ(20px);
+  transition: .5s;
+  opacity: 1;
+}
+.card:hover .card-body{
+  position: absolute;
+	top: 300px;
+  transform: translateZ(20px);
+  transition: .5s;
+  opacity: 0;
+}
+
 .certificate img {
   width: 20rem;
   box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);

diff --git a/index.html b/index.html
@@ -3,6 +3,7 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="icon" href="logo.png">
   <title>Muhammad Rifzkhy All Fhayed</title>
   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
     integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous" />
@@ -21,10 +22,11 @@
   <div class="content">
 
     <!-- TODO: Landing page -->
-    <section>
+    <section align="center">
       <div class="wrapper">
         <h1>I'm Rifzkhy</h1>
         <h3>PORTOFOLIO</h3>
+        </div> 
     </section>
 
     <!-- TODO: About Me -->
@@ -45,6 +47,7 @@ <h1>MUHAMMAD RIFZKHY ALL FHAYED</h1>
               <!-- <img src="src/rifzkhy.jpg" class="card-img-top" alt="..."> -->
               <img src="src/rifzkhy.jpg" class="profile-pics">
               <div class="card-body">
+                <button type="button" class="btn btn-secondary">Hire me</button>
               </div>
             </div>
           </div>

diff --git a/logo.png b/logo.png