devppratik.github.io/about.html at master · devppratik/devppratik.github.io · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pratik Panda | Web Developer</title>
    <!-- Style Sheets and Icons-->
    <link rel="icon" href="/portfolio/img/favicon.ico" type="image/x-icon">
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    <link rel="stylesheet" href="/portfolio/style/styles.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css" />
    <script src="https://kit.fontawesome.com/7f76f54895.js" crossorigin="anonymous"></script>
</head>

<body>
    <!-- Preloader -->
    <div id="loader-wrapper">
        <div id="loader"></div>
        <div class="loader-section section-left"></div>
        <div class="loader-section section-right"></div>
    </div>

    <!-- Navigation Bar  -->
    <div id="nav-bar">
        <div class="logo-main">
            <img src="/portfolio/img/logos/logo-01.png" alt="">
        </div>
        <nav class="nav">
            <a class="home-link" href="/">
                <i class="fas fa-home"></i>
                <span>Home</span>
            </a>
            <a class="" href="/about">
                <i class="fas fa-user"></i>
                <span>About</span>
            </a>
            <a class="" href="/skills">
                <i class="fas fa-cog"></i>
                <span>Skills</span>
            </a>
            <a class="" href="/projects">
                <i class="fas fa-tasks"></i>
                <span>Projects</span>
            </a>
            <a class="" href="/contact">
                <i class="fas fa-envelope"></i>
                <span>Contact</span>
            </a>
        </nav>
        <div class="social flex">
            <a href="https://github.com/devppratik" target="_blank"><i class="fab fa-github"></i>
                <span>GitHUB</span></a>
            <a href="https://www.linkedin.com/in/pratik-panda-75a982175/" target="_blank">
                <i class="fab fa-linkedin-in"></i>
                <span>Linkedin</span></a>
        </div>
        <a href="" id="mobile-link">
            <i class="fas fa-bars"></i>
        </a>
    </div>

    <!-- About Page Content  -->
    <section id="about">

        <div class="container">
            <div class="left">
                <div class="heading">About ME</div>
                <p>
                    My name is <span>Pratik Kumar Panda </span> and I am a freelance web
                    developer based in India who specializes in creating dynamic and beautiful web pages.
                </p>
                <p>
                    I write code with its future maintainers
                    in mind, or structuring my user-facing architecture with accessibility at
                    the forefront. I promise to deliver all projects fast but with great quality code
                I am highly adaptable and driven by learning.
                    I am constantly learning web and app technologies and other
                    design related topics, currently playing around
                    with <span>Nodejs</span> and <span>App Development</span>
                </p>
                <p>
                    I also like to code in C++, Python and is intrested in Robotics and Arduino.
                    I like to do Graphics Designing and Gaming in my free time.

                </p>
                <p>
                    I’m currently available for work and taking on new projects,
                    so feel free to contact me <br>
                    <button id="msg">Get in Touch</button>
                </p>
            </div>
            <div class="separator"></div>
            <div class="right">
                <div class="title-ab">Education</div>
                <ul>

                    <li>
                        <span class="date">2019 - Present</span>
                        <p>
                            Undergrad at Veer Surendra Sai University of Technology, <br>
                            Burla, Odisha, India
                        </p>

                    </li>
                    <li>
                        <span class="date">2019</span>
                        <p>
                            Passed from Delhi Public School, Raipur, CG, India
                        </p>
                        </li>
                </ul>
                <div class="title-ab">Work Experience</div>
                <ul>
                    <li><span class="date">2019 - Present</span>
                        <p>Freelance Web Developer</p>
                    <!-- <li><span class="date">2020 - Present</span>
                        <p> Web Developer at ROBINGERS Startup</p>
                        </li> -->
                </ul>
            </div>
        </div>
    </section>

    <!-- Scripts -->

    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <script>
        AOS.init();
    </script>
    <script src="/portfolio/scripts/index.js"></script>

</body>

</html>