Portfolio/index.html at main · dpakdev02-dev/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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Deepak-Java Full Stack Developer</title>
    <link rel="stylesheet" href="Style.css">
    <link href='https://fonts.googleapis.com/css?family=Poppins' rel='stylesheet'>
    <link rel="stylesheet" href="./Mobileview.css">
</head>

<body>
    <div class="container">
        <nav>
            <h1>M.Deepak</h1>
            <ul>
                <a href="#home">
                    <li>Home</li>
                </a>
                <a href="#about">
                    <li>About</li>
                </a>
                <a href="#projects">
                    <li>Projects</li>
                </a>
                <a href="#contact">
                    <li>Contact</li>
                </a>
            </ul>

            <div class="icons">
                <a href="https://github.com/Deepak-dev46"><img src="./svg/github (1).svg" alt=""></a>
                <a href="https://www.linkedin.com/in/deepak2603/"><img src="./svg/Linkedin.svg" alt="ins"></a>
                <a href="mailto:dpak8055@gmail.com"><img src="./svg/envelope.svg" alt=""></a>
            </div>
        </nav>

        <div class="home" id="home">
            <div class="left">
                <h1 class="Hello">Hello Guys!! 👋</h1>
                <p>I'm Deepak, a passionate Full-Stack Java Developer in the making, currently pursuing my final year in Computer
                    Science.
                    Thanks for stopping by! This portfolio is a quick look into my skills, projects, and what I love to
                    build.
                    Feel free to explore — I’d love to connect and hear about opportunities where I can learn and
                    contribute!</p>
            </div>
            <div class="right">
                <button>Welcome  ></button>
            </div>
        </div>
        <div class="about" id="about">
            <div class="left">
                <div class="section1" id="section">
                    <h1>Qspiders, Vadapalani</h1>
                    <h2>Java Developer Trainee</h2>
                    <p>I am currently pursuing training as a <b>Java Full Stack Developer Trainee</b> at <b>QSpiders
                            Training Institute</b> (Jan 2025 – Present), where I am gaining hands-on experience in
                        building full-stack web applications using technologies such as <b>Core and Advanced Java, JDBC,
                            Servlets, JSP, SQL, HTML, CSS, and JavaScript</b>.
                    </p>
                </div>
                <div class="section2">
                    <h1>AKT Memorial College Of Engineering and Technology, Kallakurichi</h1>
                    <h2>BE in Computer Science</h2>
                    <p>
                        I have completed my <b>Bachelor of Engineering (B.E.) in Computer Science and Engineering</b>
                        from <b>AKT Memorial College of Engineering and Technology, Kallakurichi</b> (2021 –
                        2025). I also worked on real-time projects, including
                        a <b>Sign Language Interpreter using Java</b>.
                    </p>
                </div>
            </div>
            <div class="center">
                <div class="line"></div>
                <div class="circonnt">
                    <div class="circle"></div>
                    <div class="circle"></div>
                    <div class="circle"></div>
                </div>
            </div>
            <div class="right">
                <div class="section" id="section">
                    <h1>Code Bind Technologies, Chennai</h1>
                    <h2>Web Developer Intern</h2>
                    <p>I have done an Internship in <b>Web Developer Trainee</b> at <b>Code Bind Technologies, Tnagar,
                            Chennai</b> (July 2024 – August 2024), where I have gained hands-on experience in building
                        web applications using technologies such as <b>HTML, CSS, JavaScript, React JS.</b>
                    </p>
                </div>
            </div>
        </div>

        <div class="projects" id="projects">
            <div class="Prcont">
                <div class="box" id="box1"><img src="./svg/eye.svg" alt=""></div>
                <div class="box" id="box2"><img src="./svg/eye.svg" alt=""></div>
                <div class="box" id="box3"><img src="./svg/eye.svg" alt=""></div>
                <div class="box" id="box4"><img src="./svg/eye.svg" alt=""></div>
                <div class="box" id="box5"><img src="./svg/eye.svg" alt=""></div>
                <div class="box" id="box6"><img src="./svg/eye.svg" alt=""></div>
            </div>
        </div>
        <div class="contact" id="contact">
            <div class="sect">
                <div class="content">
                    <div class="name">
                        <div class="fname">
                            <label for="">First Name</label>
                            <input type="text" placeholder="First name">
                        </div>
                        <div class="lname">
                            <label for="">Last Name</label>
                            <input type="text" placeholder="Last name">
                        </div>
                    </div>
                    <div class="email">
                        <label for="">Email</label>
                        <input type="text" placeholder="Enter Your Email">
                    </div>
                    <div class="phNo">
                        <label for="">Phone Number</label>
                        <input type="text" placeholder="+91 9876543210">
                    </div>
                    <div class="message">
                        <label for="">Message</label>
                        <textarea name="" id="" placeholder="leave us a message.."></textarea>
                    </div>
                    <div class="but"><button>Submit</button></div>
                </div>
            </div>
        </div>
        <footer>
            <h4>&copy2025 Deepak Portfolio.</h4>
        </footer>
    </div>
</body>

</html>