change private to public

index.html

@@ -87,8 +87,8 @@ <h5>Search on Google :</h5>
         </div>
 
         <div class="btn-box">
-          <a href="#" class="btn">Download CV</a>
-          <a href="#" class="btn">Hire Me</a>
+          <a href="./Assets/Ankush_Resume_Software.pdf" class="btn" download="Ankush-Resume">Download CV</a>
+          <a href="#contact" class="btn">Hire Me</a>
         </div>
       </div>
 
@@ -503,12 +503,12 @@ <h3>News Website</h3>
 
           <div class="port-box mix products all">
             <div class="port-image">
-              <img src="./Assets/5.jpg" alt="Ankush's Latest Projects Jpg1" />
+              <img src="./Assets/6.jpg" alt="Ankush's Latest Projects Jpg1" />
             </div>
             <div class="port-content">
-              <h3>Business Card</h3>
+              <h3>Digital content</h3>
               <p>
-                I made this Business Card for own company(NTS), which is a servide based startup company.
+                This design was created by me during my role as a Digital Marketer and Content Creator for a company.
               </p>
               <a href="https://namastetech.in" target="_blank"
                 ><i class="bx bx-link-external"></i
@@ -518,14 +518,27 @@ <h3>Business Card</h3>
 
           <div class="port-box mix web all">
             <div class="port-image">
-              <img src="./Assets/6.jpg" alt="Ankush's Latest Projects Jpg1" />
+              <img src="./Assets/kurta-selling-website.png" alt="Ankush's Latest Projects Jpg1" />
+            </div>
+            <div class="port-content">
+              <h3>eCommerce Website</h3>
+              <p>
+                This website was made by MERN technology and it have all eCommerce features that need run ecommerce website.
+              </p>
+              <a href="https://www.fiverr.com/ankushrajmaheya/create-custom-online-kurta-selling-website-using-mern" target="_blank"
+                ><i class="bx bx-link-external"></i
+              ></a>
+            </div>
+          </div>
+
+          <div class="port-box mix web all">
+            <div class="port-image">
+              <img src="./Assets/tech village banner 3.jpg" alt="Ankush's Latest Projects Jpg1" />
             </div>
             <div class="port-content">
               <h3>Graphic Designer</h3>
               <p>
-                Lorem ipsum dolor sit amet consecterc lorem Lorem ipsum dolor
-                sit amet consecterc lorem Lorem ipsum dolor sit amet consecterc
-                lorem
+                This design was created by me during my role as a Digital Marketer and Content Creator for a company.
               </p>
               <a href="#" target="_blank"
                 ><i class="bx bx-link-external"></i
@@ -535,31 +548,28 @@ <h3>Graphic Designer</h3>
 
           <div class="port-box mix web all">
             <div class="port-image">
-              <img src="./Assets/4.jpeg" alt="Ankush's Latest Projects Jpg1" />
+              <img src="./Assets/preview-of-nts.png" alt="Ankush's Latest Projects Jpg1" />
             </div>
             <div class="port-content">
-              <h3>Graphic Designer</h3>
+              <h3>MERN Website</h3>
               <p>
-                Lorem ipsum dolor sit amet consecterc lorem Lorem ipsum dolor
-                sit amet consecterc lorem Lorem ipsum dolor sit amet consecterc
-                lorem
+                this website builded by mern stack technology.
               </p>
               <a href="#" target="_blank"
                 ><i class="bx bx-link-external"></i
               ></a>
             </div>
           </div>
 
+
           <div class="port-box mix web all">
             <div class="port-image">
-              <img src="./Assets/6.jpg" alt="Ankush's Latest Projects Jpg1" />
+              <img src="./Assets/preview-of-pac.png" alt="Ankush's Latest Projects Jpg1" />
             </div>
             <div class="port-content">
-              <h3>Graphic Designer</h3>
+              <h3>Political Advisory Committee</h3>
               <p>
-                Lorem ipsum dolor sit amet consecterc lorem Lorem ipsum dolor
-                sit amet consecterc lorem Lorem ipsum dolor sit amet consecterc
-                lorem
+                This is a static website which made by only html, css, javascript and PHP. 
               </p>
               <a href="#" target="_blank"
                 ><i class="bx bx-link-external"></i

style.css

@@ -1212,5 +1212,63 @@ footer a i{
         margin: 0 1rem;
 
 
+    }
+}
+
+
+
+@media (max-width:730px) {
+    .logo{
+        display:none ;
+    }
+
+    .home{
+        display: flex;
+        flex-direction: column;
+    }
+
+    .home-content{
+        margin-top: 2rem;
+    }
+
+    .home-image{
+        width: 100%;
+        margin-top: -15rem;
+        margin-bottom: 15rem;
+    }
+
+    .img-box img{
+        width: 180%;
+        left: -30px;
+        top: 10rem;
+    }
+
+    .liquid-shape{
+        width: 170%;
+        height: 170%;
+        left: -30px;
+        top: 10rem;   
+    }
+
+    .social-icons{
+        position: relative;
+        left: 0rem;
+        top: 11rem;
+        width: 63%;
+        height: auto;
+        gap: 1rem;
+
+    }
+
+    .social-icons a{
+        width: 100%;
+        padding: 0.5rem 2rem;
+        margin: 0 1rem;
+
+
+
+    .contact{
+        display: flex;
+        flex-direction: column;
     }
 }