Profile/index.html at master · Harshit850/Profile · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">

    <!-- Font Family Links -->
    <link
        href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700&display=swap"
        rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap"
        rel="stylesheet">

    <!--Font Awesome-->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

    <!-- Bootstrap Links -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
        integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

    <!-- Javascript Links -->
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
    </script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
    </script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
        integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous">
    </script>

    <!-- CSS Links -->
    <link rel="stylesheet" href="style.css">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Website</title>
</head>

<body>

    <!-- Navigation bar -->
    <section id="navigation">

        <nav class="navbar navbar-expand-lg navbar-light">
            <a class="navbar-brand" href="#">Portfolio</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mr-0 ml-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#skills">Skills</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#certificate">Certifications</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#footer">Contact Me</a>
                    </li>
                </ul>

            </div>
        </nav>

    </section>

    <!-- Home Section -->
    <section id="home-section">
        <div class="home">
            <div class="row">
                <div class="col-lg-6">
                    <img src="profile.png" alt="Profile Image">
                </div>
                <div class="col-lg-6 profile-image">
                    <h1>Harshit Kumar</h1>
                    <p>A Web Developer / Programmer / Engineering Student. </p>
                </div>
            </div>
        </div>
    </section>

    <!-- Skill Section -->
    <section id="skills">
        <h2>Skills</h2>
        <div class="row skill-info">
            <div class="col-lg-4 col-md-6">
                <i class="fa fa-free-code-camp fa-5x icon" aria-hidden="true"></i>
                <h3>Competitive Coding</h3>
                <p>I have been doing CP from one year, and i feel
                    really confident in this section.
                </p>
            </div>
            <div class="col-lg-4 col-md-6">
                <i class="fa fa-laptop fa-5x icon" aria-hidden="true"></i>
                <h3>Web Development</h3>
                <p>I design and develop beautiful front-end.
                    I keep it simple.
                </p>
            </div>
            <div class="col-lg-4">
                <i class="fa fa-gamepad fa-5x icon" aria-hidden="true"></i>
                <h3>Game Development</h3>
                <p>Computer games are my first love.
                    I would love to play and create them.
                </p>
            </div>

        </div>

    </section>

    <!-- Certification section -->
    <section id="certificate">
        <h2>Certificates</h2>
        <div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
            <div class="carousel-inner">
                <div class="carousel-item active" data-interval="3000">
                    <img src="skills1.jpeg" class="d-block w-100" alt="skill certificate">
                </div>
                <div class="carousel-item" data-interval="3000">
                    <img src="skill2.jpeg" class="d-block w-100" alt="skill certificate">
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->

    <footer id="footer">

        <div>
            <h2>Get In Touch</h2>
            <a href="https://www.linkedin.com/in/harshit-kumar-ab98a3191/"><i class="social-icon fa fa-linkedin fa-3x"
                    aria-hidden="true"></i></a>
            <a href="mailto:wick21555@email.com"><i class="social-icon fa fa-envelope fa-3x"
                    aria-hidden="true"></i></a>
            <a href="https://wa.me/919557789396"><i class="social-icon fa fa-whatsapp fa-3x" aria-hidden="true"></i></a>
            <p>© Copyright 2020 Harshit Kumar</p>
        </div>

    </footer>

</body>

</html>