Add files via upload

pushkar009 · Jan 17, 2025 · 6a928de · 6a928de
1 parent d4cfa50
commit 6a928de
Show file tree

Hide file tree

Showing 8 changed files with 260 additions and 0 deletions.
diff --git a/COPRGTB.TTF b/COPRGTB.TTF
diff --git a/COPRGTL.TTF b/COPRGTL.TTF
diff --git a/fa-brands-400.ttf b/fa-brands-400.ttf
diff --git a/fa-brands-400.woff2 b/fa-brands-400.woff2
diff --git a/index.html b/index.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Profile | Pushkar Magdum</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
+    <link rel="stylesheet" type="text/css" href="styles2.css">
+    <!--
+    <link rel="stylesheet" href="../../PROJECTS/Profile/all.css">
+    <link rel="stylesheet" href="../../PROJECTS/bootstrap-5.3.0/css/bootstrap.min.css">
+    <script src="../../PROJECTS/bootstrap-5.3.0/js/bootstrap.bundle.min.js"></script>
+    -->
+  </head>
+  <body>
+    <nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
+      <div class="container-fluid">
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="container collapse navbar-collapse" id="collapsibleNavbar">
+          <ul class="navbar-nav">
+            <li class="nav-item">
+              <a class="nav-link" href="#home">Home</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="#about">About</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="#skills">Skills</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="#projects">Projects</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="#contact">Contact</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+    <br>
+    <div class="container-fluid bg-imag">
+      <section id="home">
+        <div class="contain reveal">
+          <div class="card back">
+            <div class="card-body" style="justify-items: center;">
+              <img src="profile-picture.jpg" class="card-img profile-picture" alt="Pushkar Magdum">
+              <h1 class="card-title name">Pushkar Magdum</h1>
+              <p class="card-text bio">Web Development Intern</p>
+              <p><b>Connect me on:</b></p>
+              <ul class="social-links">
+                <li><a href="https://twitter.com/Pushkar41683073"><i class="fab fa-twitter"></i></a></li>
+                <li><a href="https://www.linkedin.com/in/pushkar-magdum-34a7b1246/"><i class="fab fa-linkedin"></i></a></li>
+                <li><a href="https://github.com/pushkar009"><i class="fab fa-github"></i></a></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- About Section -->
+      <div class="container" id="about" style="padding: 20px; padding-top: 50px;">
+        <h2 class="display-4">About</h2>
+        <p>
+          Highly motivated web development intern seeking a challenging opportunity
+          to apply my academic knowledge and technical skills. Eager to contribute
+          to a dynamic team and gain hands-on experience in building innovative web applications.
+        </p>
+      </div>
+
+      <!-- Skills Section -->
+      <div class="container-sm" id="skills" style="padding: 20px; padding-top: 50px;">
+          <h2 class="display-4">Skills</h2>
+          <ul>
+            <li>HTML</li>
+            <li>CSS</li>
+            <li>Javascript</li>
+            <li>Java</li>
+            <li>Python</li>
+          </ul>
+          <h2 class="display-4">Soft Skills</h2>
+          <ul>
+            <li>Leadership</li>
+            <li>Develop positive workspace relationships</li>
+            <li>Skilled in quick & effective decision making</li>
+            <li>Persuasive communication skill</li>
+          </ul>
+      </div>
+
+      <!--Projects Section-->
+      <div class="container-sm" id="projects" style="padding: 20px;">
+        <h2 class="display-4">Projects</h2>
+        <h2><small>Webpage for college department</small></h1>
+        <p>Created a web based platform using bootstrap for the
+          frontend and flask for the backend, allowing department
+          staff to post college level event updates and news.</p>
+        <a href="https://github.com/pushkar009/miniproject"
+          class="text-decoration-none" style="color: black;">
+          <i class="fas fa-link" style="color: black;"></i> View Project
+        </a>
+      </div>
+
+      <!-- Contact Section -->
+      <div class="container-sm" id="contact" style="padding: 20px;">
+        <h2 class="display-4">Contact Me</h2>
+        <b> Contact:</b> [email protected]<br>
+        <form action="/.php">
+          <div class="mb-3 mt-3">
+            <label for="name"><b>Name: <span class="text-danger">*</span></b></label>
+            <input type="text" class="form-control" id="name" placeholder="Enter your Name" name="name" required>
+          </div>
+          <div class="mb-3">
+            <label for="email"><b>Email: <span class="text-danger">*</span></b></label>
+            <input type="text" class="form-control" id="email" placeholder="Enter your Email" name="email" required>
+          </div>
+          <div class="mb-3 mt-3">
+            <label for="message"><b>Message: <span class="text-danger">*</span></b></label>
+            <textarea class="form-control" rows="5" id="message" placeholder="Enter your message" name="message" required></textarea>
+          </div>
+          <button type="submit" class="btn btn-primary">Submit</button>
+        </form>
+    </div>
+
+      <footer>
+        <strong>
+          Copyright © 2025 | All rights reserved
+        </strong>
+      </footer>
+    </div>
+    <script src="script.js"></script>
+  </body>
+</html>
diff --git a/profile-picture.jpg b/profile-picture.jpg
diff --git a/script.js b/script.js
@@ -0,0 +1,8 @@
+let docTitle = document.title;
+
+window.addEventListener("blur", () =>{
+    document.title = "THANK YOU FOR VISITING :)";
+});
+window.addEventListener("focus", () => {
+    document.title = docTitle;
+});
diff --git a/styles.css b/styles.css
@@ -0,0 +1,117 @@
+@font-face {
+    font-family: boldy;
+    src: url("COPRGTB.TTF");
+}
+@font-face {
+    font-family: lighty;
+    src: url("COPRGTL.TTF");
+}
+
+.bg-imag {
+    background-image: linear-gradient(to bottom right, 
+                    dodgerblue 45%, powderblue);
+    background-attachment: fixed; /* Keeps the background fixed */
+    background-size: cover; /* Ensures the gradient covers the full area */
+    background-position: center; /* Centers the gradient */
+    height: 100vh; /* Ensures it fills the full viewport height */
+    overflow-y: auto; /* Allows content to scroll */
+    margin: 0;
+    padding: 0;
+}
+
+section {
+    min-height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+section .container {
+    margin: 100px;
+}
+
+.reveal {
+    transition: 2s all ease;
+}
+
+.nav-link:hover {
+    color: white;
+    background-color: #555;
+}
+
+.nav-link:focus {
+    color: black;
+    background-color: white;
+}
+
+.profile {
+    text-align: center;
+}
+
+.profile-picture {
+    width: 200px;
+    height: 200px;
+    border-style: solid;
+    border-radius: 50%;
+    margin-bottom: 20px;
+    background-color: white;
+}
+
+.name {
+    font-size: 28px;
+    margin-bottom: 10px;
+    font-family: "boldy";
+    color: rgb(10, 10, 10);
+}
+
+.bio {
+    font-family: "lighty";
+    font-size: 18px;
+    color: rgb(84, 84, 84);
+    margin-bottom: 20px;
+}
+
+.social-links {
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+}
+
+.social-links li {
+    display: inline-block;
+    margin: 0 5px;
+}
+
+.social-links a {
+    color: #555;
+    font-size: 24px;
+    transition: color 0.3s ease-in-out;
+}
+
+.fa-linkedin:hover {
+    color: #0A66C2;
+}
+
+.fa-twitter:hover {
+    color: #007bff;
+}
+
+.fa-github:hover {
+    color: #f0f8ff;
+    background-color: black;
+    border-radius: 50%;
+}
+
+.back {
+    background-color: transparent;
+    width: fit-content;
+    border: none;
+}
+
+footer {
+    display: flex;
+    padding-left: 10px;
+    height: 4em;
+    background-color: #777;
+    align-items: center
+}