Portfolio/index.html at main · KrishnaKC15/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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portfolio</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="assets/passport size photo.jpg">
</head>

<body>
    <div class="container">
        <header class="header">
            <input type="checkbox" id="menu">
            <label for="menu" class="menu-icon"><i class="fa-solid fa-bars"></i></label>
            <ul class="Options">
                <li class="cross"><label for="menu" class="cross-icon"><i class="fa-solid fa-xmark"></i></label></li>
                <li><a href="#home" class="options-text">Home</a></li>
                <li><a href="#about" class="options-text">About</a></li>
                <li><a href="#education" class="options-text">Education</a></li>
                <li><a href="#skills" class="options-text">Skills</a></li>
                <li><a href="#experience" class="options-text">Experience</a></li>
                <li><a href="#websites" class="options-text">Websites</a></li>
                <li><a href="#certificate" class="options-text">Certificates</a></li>
                <li><a href="#contact" class="options-text">Contact</a></li>
            </ul>
        </header>
        <section id="home" class="home boxes">
            <div class="intro">
                <h1 class="name">Krishna Chauhan</h1>
            </div>
            <div class="pht">
                    <img src="assets/passport size photo.jpg"  alt="photo" class="passport">

            </div>


            <div class="intro">
                <div class="introduction">
                    Hi !!
                    <br>
                    Welcome To My Portfolio!!!
                </div>

            </div>

        </section>

        <section id="about" class="about boxes">
            <h2 class="heading">About</h2>
            <div class="self-intro">
                <p>Hi! Welcome to my Portfolio website</p>
                <p>
                    I am <strong>Krishna Chauhan </strong> a 18yr old student persuing B.Tech in Electrical and Electronics Engineering in <strong>National Institute of Technology,Uttarakhand</strong>.
                </p>
                <p>
                    Along with this I am a curious tech enthusiast passionate about coding and learning new skills.
                </p>
                <p>
                    I'm always excited to connect with others, collaborate on cool projects, and keep pushing the boundaries of what I can build.
                </p>
            </div>
        </section>

        <section id="education" class="education boxes">
            <h2 class="heading">Education</h2>
            <div class="education-col">
                <div class="heading-course ">🎓 B.Tech. Electrical and Electronics Engineering</div>
                <div class="institute"><strong>National Institute of Technology,Uttarakhand</strong> </div>
                <div class="year">Upcoming 2nd year</div>
                <div class="grade">Grade: 9+ CGPA in 1st year</div>
            </div>
            <div class="education-col">
                <div class="heading-course ">🏫12th</div>
                <div class="institute"> Army Public School No.2, Roorkee Uttarakhand</div>
                <div class="year">Passed in 2024</div>
                <div class="grade">Percentage: 92.4%</div>
            </div>
            <div class="education-col">
                <div class="heading-course ">🏫 10th</div>
                <div class="institute"> Army Public School No.2, Roorkee Uttarakhand</div>
                <div class="year">Passed in 2022</div>
                <div class="grade">Percentage: 97.8%</div>
            </div>
        </section>

        <section id="skills" class="skills boxes">
            <div class="heading">Skills</div>
            <ul class="skills-content">
                <li>
                    <div class="heading-skills">HTML5</div>
                    <div class="projects">Projects:</div>
                    <ul class="project-element">
                        <li><a href="https://krishnakc15.github.io/Spotify_clone/" target="_blank">Clone of Spotify Website - Live Demo</a>
                            <br>
                            <p class="repo-link">Github Repo Link: <a href="https://github.com/KrishnaKC15/Spotify_clone" target="_blank">Click here to visit Github Repo</a></p>
                        </li>
                        <li><a href="https://krishnakc15.github.io/frontend-mentor/" target="_blank">Frontend-mentor-projects - Live Demo</a>
                            <br>
                            <p class="repo-link">Github Repo Link: <a href="https://github.com/KrishnaKC15/frontend-mentor" target="_blank">Click here to visit Github Repo</a></p>
                        </li>
                    </ul>
                </li>
                <li> <div class="heading-skills">Cascading Style Sheets (CSS)</div>
                    <div class="projects">Projects:</div>
                    <ul class="project-element">
                        <li><a href="https://krishnakc15.github.io/Spotify_clone/" target="_blank">Clone of Spotify Website - Live Demo</a>
                        <br>
                        <p class="repo-link">Github Repo Link: <a href="https://github.com/KrishnaKC15/Spotify_clone" target="_blank">Click here to visit Github Repo</a></p></li>
                        <li><a href="https://krishnakc15.github.io/frontend-mentor/" target="_blank">Frontend-mentor-projects - Live Demo</a>
                            <br>
                            <p class="repo-link">Github Repo Link: <a href="https://github.com/KrishnaKC15/frontend-mentor" target="_blank">Click here to visit Github Repo</a></p>
                        </li>
                    </ul>
                </li>
                <li> <div class="heading-skills">Drone Building</div>
                    <div class="projects">Certificate:</div>
                    <ul class="project-element">
                        <a href="#certificate2">Certificate</a>
                    </ul>
                </li>
                <li><div class="heading-skills">Engineer</div> </li>
                <li><div class="heading-skills">Python (Programming Language)</div> </li>
            </ul>
        </section>

        <section id="experience" class="experience boxes">
            <div class="heading">Experience</div>

            <p>No Prior experience <br><strong>Open to work as intern</strong>  </p>
        </section>

        <section id="websites" class="website boxes">
            <div class="heading">Websites</div>
            <ul>
                <li><a href="https://github.com/KrishnaKC15" target="_blank"><span>Github</span>: https://github.com/KrishnaKC15</a></li>
                <li><a href="https://www.linkedin.com/in/krishna-chauhan-1672b8345" target="_blank"><span>Linkedin</span> : www.linkedin.com/in/krishna-chauhan-1672b8345</a></li>
            </ul>
        </section>

        <section id="certificate" class="certificate boxes">
            <div class="heading">Certificates</div>
            <div class="certificate-images">
                <div id="certificate1" class="certificate-content">
                    <p class="cer-intro">Appreciation Certificate – TECH EXPO 3.0</p>
                    <img src="assets/techexpo.jpg" alt="Appreciation Certificate – TECH EXPO 3.0">
                </div>
                <div id="certificate2" class="certificate-content">
                    <p class="cer-intro">Drone Technology and Its Application – Bootcamp Participation</p>
                    <img src="assets/drone.jpg" alt="Drone Technology and Its Application – Bootcamp Participation">
                </div>
                <div id="certificate3" class="certificate-content">
                    <p class="cer-intro">Bronze Medal – Mathematics Olympiad (IOF)</p>
                    <img src="assets/bronze-medal.png" alt="Bronze Medal – Mathematics Olympiad (IOF)">
                </div>

            </div>
        </section>

        <section id="contact" class="contact boxes">
            <div class="heading">Contact</div>
            <div class="contact-info">Reach out at <strong>✉ chauhankrishna705@gmail.com </strong>for any communications </div>
        </section>
    </div>
</body>
</html>