update index % css

dekipam1 · Nov 16, 2024 · a541f49 · a541f49
1 parent 649f88b
commit a541f49
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 5 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -91,14 +91,20 @@ color: #11999e;
 .bottom-cloud {
     position: absolute;
     left: 150px;
-    bottom: 200px;
+    bottom: 150px;
 }
 .skill-row {
     width: 50%;
     margin: 100px auto 100px auto;
     text-align: left;
 
 
+}
+.mountain{
+    width: 50%;
+    width: 50%;
+
+    margin: 70px 0px 10px;
 }
 .coding-img {
     width: 25%;

diff --git a/index.html b/index.html
@@ -11,15 +11,15 @@
 <link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Sacramento&display=swap" rel="stylesheet">
 </head>
 <body>
-    <div class="top-container">
+    <div class="top-container ">
         <img class="top-cloud" src="imagies/cloud.png" alt="cloud-imag">
         <h1>I'm Pamima</h1>
          <h2>a <span class="pro">pro</span> grammer</h2>
          <img class="bottom-cloud" src="imagies/cloud.png" alt="cloud-imag">
-         <img src="imagies/mountain.png" alt="mountain-imag">
+         <img class="mountain" src="imagies/mountain.png" alt="mountain-imag">
     </div>
     <div class="middle-container">
-        <div class="profile">
+        <div class="profile ">
           <img src="imagies/profile pic.png" alt="profile-pic">
           <h2>Hello.</h2>
           <p class="my-intro" >Welcome to my site. I'm a professinal programmer and a video editor.</p>
@@ -50,12 +50,25 @@ <h3>If you have any project you can use our services.</h3>
       </div>
 
 
-      <div class="bottom-container">
+      <div class="bottom-container ">
         <a class="footer-link" href="https://ng.linkedin.com/in/pamima-gift-deki">LinkedIn</a>
         <a class="footer-link" href="https://twitter.com/">Twitter</a>
         <a class="footer-link" href="index.html">Website</a>
         <p class="copy-right" >© Pamisko Nig.LTd.</p>
       </div>
 
+
+<!-- Optional JavaScript --> 
+<!-- jQuery first, then Popper.js, then Bootstrap JS --> 
+<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script> 
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> 
+<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.js"></script> 
+<script src="https://cdn.jsdelivr.net/picturefill/2.3.1/picturefill.min.js"></script> 
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js"></script> 
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.2/jquery.matchHeight-min.js"></script>
+<script type="text/javascript">
+
 </body>
 </html>