Portfolio/index.html at main · Pranesh-Raghu/Portfolio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <link rel="shortcut icon" type="PF-icon" href="./assets/images/batman_PNG75.png">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Pranesh</title>
  <link rel="stylesheet" href="assets/styles.css">
</head>
<body id="home" style="background-color: black;">
  <div class="header">
    <input type="checkbox" id="hamburger-toggle" class="hamburger-toggle">
    <label for="hamburger-toggle" class="hamburger">☰</label>
    <nav class="nav">
        <a href="#home">Home</a>
        <a href="#about">About</a>
        <a href="#skills">Skills</a>
        <a href="#projects">Projects</a>
        <a href="#contact">Contact</a>
    </nav>
</div>


  <div class="home">
  <h1 class="Pranesh">Pranesh</h1>
  <p class="fsd">Web developer</p>
  <img class="photo" src="./assets/images/Pranesh.webp" alt="Pranesh"></div>
  </div>
 <div class="about" id="about">
<img src="assets/images/batman.png" alt="about">
    <p class="enthusiated">I've Completed My Diploma in Mechanical Engineering
      from PSG Polytechnic College.<br>
      I transitioned myself into
       IT field because of my love for coding</p>
 </div>

 <div class="skills" id="skills">
  <div class="Ms">
    <img src="assets/images/HTML.png" alt="HTML">
   <p> HTML</p>
   <div class="progress" title="40%">
    <div class="progress-bar" style="width: 100%"></div>
  </div>
  </div>
  <div class="Ms">
    <img src="assets/images/CSS.png" alt="CSS">
    <p> CSS</p>
    <div class="progress" title="40%">
      <div class="progress-bar" style="width: 100%"></div>
    </div>
  </div>
  <div class="Ms">
    <img src="assets/images/JS.png" alt="Solid Modelling">
<p>Java Script</p>
<div class="progress" title="40%">
  <div class="progress-bar" style="width: 40%"></div>
</div>
  </div>
  <div class="Ms">
    <img src="assets/images/Python.png" alt="GD&T">
<p>Python</p>
<div class="progress" title="40%">
  <div class="progress-bar" style="width: 100%"></div>
</div>
  </div>
  <div class="Ms">
    <img src="assets/images/SQL.png" style="height: 20rem;" alt="HTML">
   <p> SQL</p>
   <div class="progress" title="40%">
    <div class="progress-bar" style="width: 100%"></div>
  </div>
  </div>
  <div class="Ms">
    <img src="assets/images/problem-solving.png" alt="HTML">
   <p> Problem Solving</p>
   <div class="progress" title="40%">
    <div class="progress-bar" style="width: 100%"></div>
  </div>
  </div>
  </div>

  <div class="project" id="projects">
    <div class="Mp">
      <img src="assets/images/Comics TV.png" alt="Timer" style="object-fit: contain; height: 90%; width: 90%;">
      <a href="https://eff9-182-73-13-166.ngrok-free.app/">Comics TV</a>
    </div>
    <div class="Mp">
      <img src="assets/images/Expense_Tracker.png" alt="Expense_Tracker">
  <a href="https://pranesh-alt.github.io/Python_Mini/">Expense Tracker</a>
    </div>
    </div>
<div class="contact" id="contact">
    <div class="Ct">
      <img src="assets/images/Gmail.png" alt="gmail">
      <a href="" class="gmail">pranesh.vedhapandiyan<br>@fssa.freshworks.com</a></div>
    <div class="Ct">
      <img src="assets/images/linkdin.png" alt="linkdin">
      <a href="" class="linkdin">pranesh-ragu-5344b931b</a></div>
</div>
</body>
</html>