v.0.1

portfolio website
sanketdisale871 · Aug 5, 2022 · 209a6ce · 209a6ce
1 parent 879581b
commit 209a6ce
Show file tree

Hide file tree

Showing 14 changed files with 1,155 additions and 0 deletions.
diff --git a/blog.html b/blog.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Blog - Shaikh Minhaj - Full Stack Developer</title>
+    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+    <link rel="icon" type="image/x-icon" href="images/pic-logo.jpeg">
+</head>
+
+<body>
+    <div class="container">
+
+        <div class="sidebar">
+            <!--================Navbar====================-->
+            <nav>
+                <div id="mySidebar" class="sidebar">
+                    <a href="javascript:void(0)" class="closebtn" onclick="closeNav()"><img src="images/cross.png"
+                            style="height: 20px;"></a>
+                    <ul>
+                        <li><a href="/">Home</li></a>
+                        <li><a href="intro.html">My Intro</li></a>
+                        <li><a href="services.html">Services</li></a>
+                        <li><a href="images\Shaikh Minhaj - Resume.pdf" target="_blank">Resume</a></li></a>
+                        <li><a href="blog.html">Blog</li></a>
+                        <li><a href="contact.html">Contact Me</li></a>
+                    </ul>
+            </nav>
+        </div>
+        <!--================Main========================-->
+        <div class="main" id="main">
+            <button class="openbtn" onclick="openNav()"><img src="images/menu icon.png" style="height: 20px;"></button>
+            <div class="blogcontainer">
+                <h1>Blogs by Shaikh Minhaj - Full Stack Developer</h1>
+                <div class="blogItem">
+                    <h2>Learn HTML - in Fun Way</h2>
+                    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Possimus deleniti hic, unde at
+                        quibusdam natus architecto consectetur voluptas rem, blanditiis id optio aspernatur cumque
+                        voluptate alias tempore molestiae mollitia dicta?</p>
+                    <a href="blog.html">Read More</a>
+                </div>
+
+                <div class="blogItem">
+                    <h2>Learn CSS - in Fun Way</h2>
+                    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Possimus deleniti hic, unde at
+                        quibusdam natus architecto consectetur voluptas rem, blanditiis id optio aspernatur cumque
+                        voluptate alias tempore molestiae mollitia dicta?</p>
+                    <a href="blog.html">Read More</a>
+                </div>
+
+                <div class="blogItem">
+                    <h2>Learn JavaScript - in Fun Way</h2>
+                    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Possimus deleniti hic, unde at
+                        quibusdam natus architecto consectetur voluptas rem, blanditiis id optio aspernatur cumque
+                        voluptate alias tempore molestiae mollitia dicta?</p>
+                    <a href="blog.html">Read More</a>
+                </div>
+
+                <div class="blogItem">
+                    <h2>Learn Core Java - in Fun Way</h2>
+                    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Possimus deleniti hic, unde at
+                        quibusdam natus architecto consectetur voluptas rem, blanditiis id optio aspernatur cumque
+                        voluptate alias tempore molestiae mollitia dicta?</p>
+                    <a href="blog.html">Read More</a>
+                </div>
+
+                <div class="w3-center">
+                    <div class="w3-bar">
+                        <a href="#" class="w3-button">&laquo;</a>
+                        <a href="#" class="w3-button">1</a>
+                        <a href="#" class="w3-button">2</a>
+                        <a href="#" class="w3-button">3</a>
+                        <a href="#" class="w3-button">4</a>
+                        <a href="#" class="w3-button">&raquo;</a>
+                    </div>
+                </div>
+
+
+            </div>
+        </div>
+        <div>
+
+
+            <img src="images/btn-LB.png" alt="o" height="30px" onclick="myFunction()">
+
+        </div>
+
+    </div>
+    <script src="script.js"></script>
+    <footer>
+        <p>Developed by : © Shaikh Minhaj, 2022<br>
+        <!-- <a href="mailto:hege@example.com">Email : shaikhumarms999@gmail.com</a></p> -->
+      </footer>
+</body>
+
+</html>
diff --git a/contact.html b/contact.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>contact - Shaikh Minhaj - Full Stack Developer</title>
+  <link rel="stylesheet" href="style.css">
+
+  <link rel="icon" type="image/x-icon" href="images/pic-logo.jpeg">
+</head>
+
+<body>
+  <div class="container">
+
+    <div class="sidebar">
+      <!--================Navbar====================-->
+      <nav>
+        <div id="mySidebar" class="sidebar">
+          <a href="javascript:void(0)" class="closebtn" onclick="closeNav()"><img src="images/cross.png"
+              style="height: 20px;"></a>
+          <ul>
+            <li><a href="/">Home</li></a>
+            <li><a href="intro.html">My Intro</li></a>
+            <li><a href="services.html">Services</li></a>
+            <li><a href="images\Shaikh Minhaj - Resume.pdf" target="_blank">Resume</a></li></a>
+            <li><a href="blog.html">Blog</li></a>
+            <li><a href="contact.html">Contact Me</li></a>
+          </ul>
+      </nav>
+    </div>
+    <!--================Main========================-->
+    <div class="main" id="main">
+      <button class="openbtn" onclick="openNav()"><img src="images/menu icon.png" style="height: 20px;"></button>
+      <div class="contactform">
+        <h1>Contact Me For Work/General Enquiries</h1>
+        <!--Form-->
+        <form>
+          <div class="mb-3">
+            <label for="clintName" class="form-label">Enter Name</label>
+            <input type="text" class="form-control" id="clintName">
+          </div>
+          <div class="mb-3">
+            <label for="clintEmail" class="form-label">Email address</label>
+            <input type="email" class="form-control" id="clintEmail" aria-describedby="emailHelp">
+          </div>
+          <div class="mb-3">
+            <label for="clintPhone" class="form-label">Phone Number</label>
+            <input type="phone" class="form-control" id="clintPhone">
+            <div id="emailHelp" class="formtext-">We'll never share your email & Phone with anyone else.</div>
+          </div>
+          <div class="mb-3">
+            <label for="clintMessage" class="form-label">Message</label>
+            <textarea type="text-area" class="form-control" id="clintMessage"></textarea>
+          </div>
+          <button type="submit" class="btn btn-sm">Submit</button>
+        </form>
+      </div>
+
+    </div>
+
+    <div>
+
+
+      <img src="images/btn-LB.png" alt="o" height="30px" onclick="myFunction()">
+
+    </div>
+  </div>
+  <script src="script.js"></script>
+  <footer>
+    <p>Developed by : © Shaikh Minhaj, 2022<br>
+    <!-- <a href="mailto:hege@example.com">Email : shaikhumarms999@gmail.com</a></p> -->
+  </footer>
+</body>
+
+</html>
diff --git a/images/Shaikh Minhaj - Resume.pdf b/images/Shaikh Minhaj - Resume.pdf
diff --git a/images/btn-LB.png b/images/btn-LB.png
diff --git a/images/cross.png b/images/cross.png
diff --git a/images/man1.png b/images/man1.png
diff --git a/images/menu icon.png b/images/menu icon.png
diff --git a/images/minhajpic2.jpeg b/images/minhajpic2.jpeg
diff --git a/images/pic-logo.jpeg b/images/pic-logo.jpeg
diff --git a/index.html b/index.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <title>Shaikh Minhaj - Full Stack Developer</title>
+    <link rel="stylesheet" href="style.css">
+    <link rel="icon" type="image/x-icon" href="images/pic-logo.jpeg">
+ <!--
+    =====================================
+    Website Build By : Shaikh Minhaj
+    > Portfolio Website of Shaikh Minhaj
+    > Using Only HTML, CSS, Js
+    =====================================
+-->
+</head>
+
+<body>
+    <div class="container">
+
+        <div class="sidebar">
+            <!--================Navbar====================-->
+            <nav>
+                <div id="mySidebar" class="sidebar">
+                    <a href="javascript:void(0)" class="closebtn" onclick="closeNav()"><img src="images/cross.png"
+                            style="height: 20px;"></a>
+                    <ul>
+                        <li><a href="/">Home</li></a>
+                        <li><a href="intro.html">My Intro</li></a>
+                        <li><a href="services.html">Services</li></a>
+                        <li><a href="images\Shaikh Minhaj - Resume.pdf" target="_blank">Resume</a></li></a>
+                        <li><a href="blog.html">Blog</li></a>
+                        <li><a href="contact.html">Contact Me</li></a>
+                        <li><a href="/">Links</li></a>
+                    </ul>
+            </nav>
+        </div>
+        <!--================Main========================-->
+        <div class="main" id="main">
+            <button class="openbtn" onclick="openNav()"><img src="images/menu icon.png" style="height: 20px;"></button>
+            <div class="infoContainer">
+                <div class="devInfo">
+                    <div class="hello">Hi There,</div>
+                    <div class="name">I'm <i>Shaikh Minhaj</i></div>
+                    <div class="about">Full Stack Developer</div>
+                    <div class="moreabout">I am a Full Stack Developer, and I am Also a Web Developer as well as
+                        Designer, I Live in Nanded</div>
+                    <div class="buttons">
+                        <a href="images\Shaikh Minhaj - Resume.pdf" target="_blank"> <button class="btn">Download
+                                Resume</button></a>
+                        <a href="contact.html"> <button class="btn">Contact Me</button></a>
+
+                        <div class="icon-socials">
+                            <a href="#" class="fa fa-linkedin"></a>
+                            <a href="#" class="fa fa-instagram"></a>
+                            <a href="#" class="fa fa-facebook"></a>
+                            <a href="#" class="fa fa-twitter"></a>
+                            </div>
+                    </div>
+                </div>
+                <div class="devPic">
+                    <img src="images/pic-logo.jpeg" alt="Shaikh Miinhaj" height="150px">
+                </div>
+            </div>
+        </div>
+
+    </div>
+    <div>
+
+        <img src="images/btn-LB.png" alt="o" height="30px" onclick="myFunction()">
+
+    </div>
+    <script src="script.js"></script>
+    <footer>
+        <p>Developed by : © Shaikh Minhaj, 2022<br>
+        <!-- <a href="mailto:hege@example.com">Email : shaikhumarms999@gmail.com</a></p> -->
+      </footer>
+
+</body>
+
+</html>
diff --git a/intro.html b/intro.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>intro - Shaikh Minhaj - Full Stack Developer</title>
+    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+    <link rel="icon" type="image/x-icon" href="images/pic-logo.jpeg">
+</head>
+
+<body>
+    <div class="container">
+
+        <div class="sidebar">
+            <!--================Navbar====================-->
+            <nav>
+                <div id="mySidebar" class="sidebar">
+                    <a href="javascript:void(0)" class="closebtn" onclick="closeNav()"><img src="images/cross.png"
+                            style="height: 20px;"></a>
+                    <ul>
+                        <li><a href="/">Home</li></a>
+                        <li><a href="intro.html">My Intro</li></a>
+                        <li><a href="services.html">Services</li></a>
+                        <li><a href="images\Shaikh Minhaj - Resume.pdf" target="_blank">Resume</a></li></a>
+                        <li><a href="blog.html">Blog</li></a>
+                        <li><a href="contact.html">Contact Me</li></a>
+                    </ul>
+            </nav>
+        </div>
+        <!--================Main========================-->
+        <div class="main" id="main">
+            <button class="openbtn" onclick="openNav()"><img src="images/menu icon.png" style="height: 20px;"></button>
+            <div class="intro">
+                <div>
+                    <h2>About Me</h2>
+                    <p>
+                        Hey, My Name is Shaikh Minhaj, Currently I am Pursuing My 3rd Year of UG (BCA) from MGM College
+                        of CS and IT Nanded. I am a Full Stack Developer and I am Also a Web Developer as well as
+                        Designer. I am very passionate about improving my coding skills & developing applications & websites.
+                        Working for myself to improve my skills.
+
+                    </p>
+                    <div class="devPic-2">
+                        <img src="images/pic-logo.jpeg" alt="Shaikh Miinhaj">
+                    </div>
+                </div>
+                <hr>
+                <h2>My Skills</h2>
+                <div class="skillcontainer">
+                    <div class="w3-light-grey w3-round">
+                        <div class="w3-container w3-blue w3-round" style="width:95%">HTML</div>
+                    </div><br>
+                    <div class="w3-light-grey w3-round">
+                        <div class="w3-container w3-blue w3-round" style="width:90%">CSS</div>
+                    </div><br>
+                    <div class="w3-light-grey w3-round">
+                        <div class="w3-container w3-blue w3-round" style="width:78%">JavaScript</div>
+                    </div><br>
+                    <div class="w3-light-grey w3-round">
+                        <div class="w3-container w3-blue w3-round" style="width:85%">React Js</div>
+                    </div><br>
+                    <div class="w3-light-grey w3-round">
+                        <div class="w3-container w3-blue w3-round" style="width:80%">Core Java</div>
+                    </div><br>
+                    <div class="w3-light-grey w3-round">
+                        <div class="w3-container w3-blue w3-round" style="width:50%">Python</div>
+                    </div><br>
+                    <div class="w3-light-grey w3-round">
+                        <div class="w3-container w3-blue w3-round" style="width:60%">MySql</div>
+                    </div><br>
+                    <div class="w3-light-grey w3-round">
+                        <div class="w3-container w3-blue w3-round" style="width:90%">Bootstrap</div>
+                    </div><br>
+                    <div class="w3-light-grey w3-round">
+                        <div class="w3-container w3-blue w3-round" style="width:90%">Tailwind CSS</div>
+                    </div><br>
+
+                </div>
+
+                <!-- TODO: Create a gallery for my Projects -->
+
+            </div>
+            <div>
+
+
+                <img src="images/btn-LB.png" alt="o" height="30px" onclick="myFunction()">
+
+            </div>
+        </div>
+        <script src="script.js"></script>
+        <footer>
+            <p>Developed by : © Shaikh Minhaj, 2022<br>
+            <!-- <a href="mailto:hege@example.com">Email : shaikhumarms999@gmail.com</a></p> -->
+          </footer>
+</body>
+
+</html>
diff --git a/script.js b/script.js
@@ -0,0 +1,14 @@
+function openNav() {
+    document.getElementById("mySidebar").style.width = "250px";
+    document.getElementById("main").style.marginLeft = "250px";
+}
+
+function closeNav() {
+    document.getElementById("mySidebar").style.width = "0";
+    document.getElementById("main").style.marginLeft = "0";
+}
+
+function myFunction() {
+    var element = document.body;
+    element.classList.toggle("dark-mode");
+}