first commit

manishartiya · Nov 27, 2023 · 8117650 · 8117650
commit 8117650
Show file tree

Hide file tree

Showing 22 changed files with 1,280 additions and 0 deletions.
diff --git a/images/Manish.png b/images/Manish.png
diff --git a/images/cars.png b/images/cars.png
diff --git a/images/data-storage_5453248.png b/images/data-storage_5453248.png
diff --git a/images/ems.png b/images/ems.png
diff --git a/images/img1.jpg b/images/img1.jpg
diff --git a/images/img2.jpg b/images/img2.jpg
diff --git a/images/img3.jpg b/images/img3.jpg
diff --git a/images/img4.jpg b/images/img4.jpg
diff --git a/images/img5.jpg b/images/img5.jpg
diff --git a/images/img6.jpg b/images/img6.jpg
diff --git a/images/programming_6071490.png b/images/programming_6071490.png
diff --git a/images/restaurent.png b/images/restaurent.png
diff --git a/images/s2.png b/images/s2.png
diff --git a/images/s3.png b/images/s3.png
diff --git a/images/s4.png b/images/s4.png
diff --git a/images/s5.png b/images/s5.png
diff --git a/images/s6.png b/images/s6.png
diff --git a/images/scms.png b/images/scms.png
diff --git a/images/wheather.png b/images/wheather.png
diff --git a/index.html b/index.html
@@ -0,0 +1,353 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Personal Portfolio</title>
+
+    <!-- font awesome cdn link  -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
+    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
+
+    <!-- custom css file link  -->
+    <link rel="stylesheet" href="style.css">
+    <script src="https://unpkg.com/scrollreveal"></script>
+</head>
+<body>
+
+<!-- header section starts  -->
+
+<header>
+
+    <div id="menu" class="fas fa-bars"></div>
+
+    <nav class="navbar">
+        <a href="#home">home</a>
+        <a href="#about">about</a>
+        <a href="#services">services</a>
+        <a href="#portfolio">portfolio</a>
+        <a href="#contact">contact</a>
+    </nav>
+    <div id="theme-toggler" class="fas fa-moon"></div>
+
+</header>
+
+<!-- header section ends -->
+
+<!-- Icons Strats -->
+
+<nav class="social">
+    <ul>
+      <li><a href="https://www.linkedin.com/in/manishkumar-artiya-303a00250/"><span style="font-size: 20px;">LinkedIn</span> <i class="fa fa-linkedin"></i></a></li>
+      <li><a href="https://github.com/manishartiya"><span style="font-size: 20px;">Github</span> <i class="fa fa-github"></i></a></li>
+      <li><a href="https://www.instagram.com/manishkumar_artiya/?utm_source=qr&igshid=OGIxMTE0OTdkZA%3D%3D"><span style="font-size: 20px;">Instragram</span><i class="fab fa-instagram"></i></a></li>
+    </ul>
+</nav>
+
+<!-- Icons ends -->
+
+<!-- home section starts  -->
+
+<section class="home" id="home">
+
+    <div class="image">
+        <img src="images/Manish.png" alt="">
+    </div>
+
+    <div class="content">
+        <span class="hello">hello</span>
+        <h3><span>Manishkumar Artiya</span><div class="animated-text">I'm a <span></span></div> </h3>
+        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Praesentium aspernatur dolores, dignissimos atque accusantium optio at perspiciatis sunt ad non totam, suscipit quo quae dolorem! Vel libero molestiae omnis quasi.
+            </p>
+        <a href="#" class="btn"><i class="fa fa-download"></i> Download CV</a>
+        <a href="#about" class="btn" style="margin-left: 120px;">about me</a>
+    </div>
+
+</section>
+
+<!-- home section ends -->
+
+<section class="about" id="about">
+
+    <h1 class="heading"> about <span>me</span> </h1>
+
+    <div class="row">
+
+        <div class="box reveal">
+            <h3 class="title ">Coding skills</h3>
+            <div class="progress">
+                <h3> HTML <span>90%</span> </h3>
+                <div class="bar"><span></span></div>
+            </div>
+            <div class="progress">
+                <h3> CSS <span>75%</span> </h3>
+                <div class="bar"><span></span></div>
+            </div>
+            <div class="progress">
+                <h3> JavaScript <span>55%</span> </h3>
+                <div class="bar"><span></span></div>
+            </div>
+            <div class="progress">
+                <h3> SASS <span>50%</span> </h3>
+                <div class="bar"><span></span></div>
+            </div>
+            <div class="progress">
+                <h3> PHP <span>65%</span> </h3>
+                <div class="bar"><span></span></div>
+            </div>
+        </div>
+
+        <div class="box reveal">
+            <h3 class="title">Coding skills</h3>
+            <div class="progress">
+                <h3> Python <span>85%</span> </h3>
+                <div class="bar"><span></span></div>
+            </div>
+            <div class="progress">
+                <h3> MySQL <span>95%</span> </h3>
+                <div class="bar"><span></span></div>
+            </div>
+            <div class="progress">
+                <h3> JAVA <span>80%</span> </h3>
+                <div class="bar"><span></span></div>
+            </div>
+            <div class="progress">
+                <h3> PL/SQL <span>90%</span> </h3>
+                <div class="bar"><span></span></div>
+            </div>
+            <div class="progress">
+                <h3> C++ <span>50%</span> </h3>
+                <div class="bar"><span></span></div>
+            </div>
+        </div>
+
+        <div class="box reveal">
+            <h3 class="title">Professional Skills</h3>
+            <div class="progress">
+                <h3> Web Design <span>98%</span> </h3>
+                <div class="bar"><span></span></div>
+            </div>
+            <div class="progress">
+                <h3> Web Development <span>67%</span> </h3>
+                <div class="bar"><span></span></div>
+            </div>
+            <div class="progress">
+                <h3> Graphic Design <span>75%</span> </h3>
+                <div class="bar"><span></span></div>
+            </div>
+        </div>
+
+        <div class="box reveal">
+            <h3 class="title">Internships</h3>
+            <div class="exp-box">
+                <h3>Company name</h3>
+                <p>
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi, quam error exercitationem quasi enim explicabo veritatis culpa, aperiam nostrum debitis, neque perspiciatis non totam voluptatibus dolorem magni odio nemo veniam!
+                    </p>
+            </div>
+            <div class="exp-box">
+                <h3>Company name</h3>
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos debitis unde veritatis quisquam omnis. Quibusdam reiciendis est officia tenetur illum ut ratione magni, nostrum delectus laboriosam animi! Similique, soluta commodi.</p>
+            </div>
+        </div>
+
+    </div>
+
+    <div class="download">
+        <a href="#" class="btn"> Download CV </a>
+    </div>
+
+</section>
+
+<!-- service section starts  -->
+
+<section style="margin-top: 8rem;" class="services" id="services">
+
+    <h1 class="heading"> <span>my</span> services </h1>
+
+    <div class="box-container">
+
+        <div class="box reveal">
+            <span class="number">1</span>
+            <img src="images/data-storage_5453248.png" alt="">
+            <h3>Implementation of Data structure & Algorithm</h3>
+            <p>To Design or optimize algorithm for specific problems, helping clients to achieve optimal performance eficiency.
+            </p>
+        </div>
+
+        <div class="box reveal">
+            <span class="number">2</span>
+            <img src="images/s2.png" alt="">
+            <h3>graphic design</h3>
+            <p>Memorable and versatile logo designs, brand guidelines, and visual identities that leave a lasting impression.</p>
+        </div>
+
+
+        <div class="box reveal">
+            <span class="number">5</span>
+            <img src="images/programming_6071490.png" alt="">
+            <h3>web development</h3>
+            <p>I turn websites into interactive, functional websites using HTML, CSS, JavaScript and Responsive Website.</p>
+        </div>
+
+        <div class="box reveal">
+            <span class="number">6</span>
+            <img src="images/s6.png" alt="">
+            <h3>web design</h3>
+            <p>Creating websites that look beautifull and perform beautifully on any device, be it a desktop, tablet, or mobile phone.</p>
+        </div>
+
+        <div class="box reveal">
+            <span class="number">6</span>
+            <img src="images/s5.png" alt="">
+            <h3>Software development</h3>
+            <p>Creating interactive, functional softwares using Python,JAVA,MySQL,PL/SQL that look beautiful and perform well on devices.</p>
+        </div>
+    </div>
+
+</section>
+
+<!-- service section ends -->
+
+<!-- portfolio section starts  -->
+
+<section class="portfolio" id="portfolio">
+
+    <h1 class="heading"> <span>my</span> portfolio </h1>
+
+    <div class="button-container reveal">
+        <div class="btn" data-filter="all">PROJECTS</div>
+    </div>
+
+    <div class="image-container">
+
+        <div class="box reveal">
+            <img src="images/scms.png" alt="">
+            <div class="info">
+                <h3 style="text-align: center;"> Student Complain Management System</h3>
+                <p class="p0">I built a Student Complaint Management System using Python and MySQL. </p>
+            </div>
+        </div>
+
+        <div class="box reveal">
+            <img src="images/ems.png" alt="">
+            <div class="info">
+                <h3 style="text-align: center;"> Employee Management System (Staff Tracker)</h3>
+                <p class="p0">Designed and developed the Staff Tracker, a Python-based Employee Management System
+                    utilizing MySQL for data storage. </p>
+            </div>
+        </div>
+
+        <div class="box reveal">
+            <img src="images/restaurent.png" alt="">
+            <div class="info">
+                <h3 style="text-align: center;"> Restaurant webApplication</h3>
+                <p class="p0">I built a Restaurant webApplication using JAVA (JSP,Servlet) and PL/SQL. </p>
+            </div>
+        </div>
+
+        <div class="box reveal">
+            <img src="images/cars.png" alt="">
+            <div class="info">
+                <h3 style="text-align: center;"> Cars E-Store</h3>
+                <p class="p0"> Cars E-Store Website was created using HTML,CSS,JavaScript and it is Responsive. </p>
+            </div>
+        </div>
+
+        <div class="box reveal">
+            <img src="images/wheather.png" alt="">
+            <div class="info">
+                <h3 style="text-align: center;"> Whether Checking Website</h3>
+                <p class="p0">This Website was created using HTML,CSS and JavaScript. </p>
+                <p></p>
+            </div>
+        </div>
+
+        <div class="box reveal">
+            <img src="images/img4.jpg" alt="">
+            <div class="info">
+                <h3> Contact Manager App </h3>
+                <p class="p0">This software was created using Python and implimented using Data structure and Algorithm. </p>
+                <p></p>
+            </div>
+        </div>
+    </div>
+
+</section>
+
+<!-- portfolio section ends -->
+
+
+<!-- contact section starts  -->
+
+<section class="contact" id="contact">
+
+    <h1 style="margin-top: 4rem;" class="heading"> contact <span>me</span> </h1>
+
+    <div class="box-container">
+
+        <div class="box reveal">
+            <i class="fas fa-phone reveal"></i>
+            <h3>my number</h3>
+            <p>+91 7896541236</p>
+        </div>
+
+        <div class="box reveal">
+            <i class="fas fa-envelope reveal"></i>
+            <h3>my email</h3>
+            <p>abc@gmail.com</p>
+        </div>
+
+        <div class="box reveal">
+            <i class="fas fa-map-marker-alt reveal"></i>
+            <h3>my address</h3>
+            <p>Mumbai</p>
+        </div>
+
+    </div>
+
+    <div class="row reveal">
+
+        <form action="">
+            <div class="inputBox reveal">
+                <input type="text" placeholder="name">
+                <input type="email" placeholder="email">
+            </div>
+            <input class="reveal" type="text" placeholder="subject">
+            <textarea class="reveal" name="" id="" cols="30" rows="10" placeholder="message"></textarea>
+            <button class="btn" style="margin-top: 50px;"> send message </button>
+        </form>
+
+        <iframe class="reveal" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d116834.13669278496!2d90.4193257!3d23.7806365!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3755b8b087026b81%3A0x8fa563bbdd5904c2!2sDhaka!5e0!3m2!1sen!2sbd!4v1655354500877!5m2!1sen!2sbd" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+
+    </div>
+
+</section>
+
+<!-- contact section ends -->
+
+<!-- footer section  -->
+
+<div class="footer"><p style="margin-top: 2rem; margin-bottom: -1rem;">created by <span> <a href="#">Manishkumar Artiya</a> </span> | all rights reserved!</p>
+<br><br>
+</div>
+
+
+
+
+<!-- jquery cdn link  -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+
+<!-- custom js file link  -->
+<script src="script.js"></script>
+<script>
+    ScrollReveal({
+        reset: true,
+        distance : '80px',
+        duration: 2500,
+        delay: 400
+        });
+        ScrollReveal().reveal('.heading', { delay: 400, origin: 'left' });
+</script>
+</body>
+</html>