techno_internship/task2.html at main · dhawalcoder42/techno_internship · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sanskar Srivastava - Portfolio</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }

        header {
            background-color: #333;
            color: #fff;
            padding: 10px 0;
            text-align: center;
        }

        nav ul {
            list-style-type: none;
            padding: 0;
        }

        nav ul li {
            display: inline;
            margin-right: 20px;
        }

        nav ul li a {
            text-decoration: none;
            color: #fff;
        }

        section {
            padding: 40px;
        }

        h1 {
            font-size: 2.5em;
        }

        h2 {
            font-size: 2em;
            color: #333;
        }

        .project {
            margin-bottom: 40px;
        }

        .project img {
            max-width: 100%;
        }

        footer {
            background-color: #333;
            color: #fff;
            text-align: center;
            padding: 10px 0;
        }

        footer a {
            text-decoration: none;
            color: #fff;
            margin-right: 20px;
        }

        .about {
            background-color: #f9f9f9;
            padding: 40px;
        }

        .skills {
            background-color: #007BFF;
            color: #fff;
            padding: 40px;
        }

        .experience {
            background-color: #f9f9f9;
            padding: 40px;
        }

        .artistry {
            background-color: #f8f8f8;
            color: #000000;
            padding: 40px;
        }

        .contact {
            background-color: #f9f9f9;
            padding: 40px;
        }
    </style>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <nav>
            <ul>
                <li><a href="#home">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#portfolio">Portfolio</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>
    </header>

    <section id="home">
        <h1>Sanskar Srivastava</h1>
        <p>🎓 Student of Information Technology<br>
           🏫 University of Mumbai | KJ Somaiya College</p>
    </section>

    <section class="about" id="about">
        <h2>About Me</h2>
        <p>🌟 About Me:<br>
        A dedicated Information Technology student at the University of Mumbai's esteemed KJ Somaiya College. I'm driven by a relentless passion for technology, creativity, and innovation. My diverse skill set spans programming, graphic design, and artistic expression.<br><br>

        🛠️ Skills:<br>
        Proficient in programming languages<br>
        Creative and design-oriented with expertise in Canva, Adobe Illustrator, and Photoshop<br>
        Committed to turning ideas into visual and functional reality.<br>
        I am an eager learner, always seeking to expand my skill set.</p>
    </section>

    <section class="experience" id="experience">
        <h2>Experience</h2>
        <p>I am currently interning at Technohacks, where I'm gaining hands-on experience in web development<br>
        Passionate about translating ideas into impactful, visually appealing designs.</p>
    </section>

    <section class="artistry" id="artistry">
        <h2>Artistry</h2>
        <p>🎨 Artistry:<br>
        As an artist, I find inspiration in sketching and painting.<br>
        I am a paid sketcher.<br>
        My art reflects my unique perspective and creative expression.</p>
    </section>

    <section class="contact" id="contact">
        <h2>Contact</h2>
        <p>🤝 Let's Connect:<br>
        I'm enthusiastic about connecting with fellow IT enthusiasts, creatives, and professionals. Whether it's discussing technology, design, or art, I'm eager to engage in meaningful conversations and explore potential collaborations.<br><br>

        📧 Contact: [email protected]<br>
        📩 Email: [email protected]<br>
        📱 LinkedIn: linkedin.com/in/sanskar-srivastava-75a1691b5</p>
    </section>

    <footer>
        <a href="resume.pdf" download>Download Resume</a>
        <p>&copy; 2023 Sanskar Srivastava</p>
    </footer>
</body>
</html>