soni/index.html at main · soniyaritgithub/soni · 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
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="shortcut icon" href="favicon.ico">
  <!-- google fonts -->
  <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap" rel="stylesheet">
  <!-- font-family: 'Roboto Condensed', sans-serif; -->
  <link href="https://fonts.googleapis.com/css2?family=Oxygen:wght@300;700&display=swap" rel="stylesheet">
  <!-- font-family: 'Oxygen', sans-serif; -->
  <link rel="stylesheet" type="text/css" href="sass/style.css" >

  <meta property='og:url' content="assets/images/social-media-thumbnail.jpg" />

  <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
  <title>Portfolio</title>
</head>
<body>
  <nav class="site-header">
    <div class="nav-logo">
      <a href="index.html">

      </a>
    </div>
    <button class="hamburger"><img src="assets/images/menu.png" alt="menu toggle icon"></button>
    <div class="nav-links">
      <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="#about">About Me</a></li>
        <li><a href="#skill">Skills</a></li>
        <li><a href="#service">Services</a></li>
        <li><a href="#portfolio">Portfolio</a></li>
        <li><a href="#contact">Contact</a></li>
      </ul>
    </div>
  </nav><!-- .site-header -->
  <section class="banner">
    <div class="banner--content"
    data-aos="fade-in"
    data-aos-duration="2000"
    >
      <h1 class="designation">SUNIDHI SHINDE</h1>
      <h3 class="name">WEB DEVELOPER</h3>
      <p class="tagline">Where imagination meets creativity </p>
    </div>
  </section><!-- .banner -->
  <section class="promo">
    <div class="content"
    data-aos="fade-up"
    data-aos-offset="50"
    >
      <p>Great Design Makes Us Feel. It Is Visual. It Is Emotional. It Is Entirely Human.</p>
      <p>Great ideas, beautifully executed & commercially sound.</p>
    </div>
  </section>
  <section id="about">
    <div class="content">
      <h2>About Me</h2>
      <div class="about-container">
        <div class="about-container-left"
        data-aos="fade-up-right"
        data-aos-duration="1000"
        >
          <p>Self motivated and hardworking individual constantly involved in self improvement and always ready to take up challenging tasks in order to test my skills and improve them further. Keen observer who believes in learning by sharing knowledge.</p>
          <h3>Education Background</h3>
          <ul>
            <li>Pursuing Btech computer science from Medicaps University</li>
            <li>Passed out 12th in 2021 with 87%</li>
            <li>Passed out 10th in 2021 with 85%</li>
          </ul>
          <p>To work in an organization which provides me with ample opportunities to enhance my skills and knowledge along with contributing to the growth of the organization.</p>
          <h4>Achievements</h4>
          <ul>
            <li>Certified by Infosys on course completion of python.</li>
            <li>certified by AWS academy on completion of cloud foundations and cloud architecting.</li>
            <li>Certified by Microsoft on completing ai builder challenge.</li>
            <li>certified by Cisco on completing intro to software engineering.</li>
          </ul>
        </div>
        <div class="about-container-right"
        data-aos="fade-up-left"
        data-aos-duration="1500"
        >
          <img src="assets/images/456.jpg" alt="profile">
        </div>
      </div>
    </div>
  </section><!-- #about -->
  <section id="skill">
    <div class="content skill--content">
      <div class="left">
        <h2>My skills &amp; expertise</h2>
        <ul>
          <li>Decision making</li>
          <p></p>
          <li>Multi-tasking</li>
          <p></p>
          <li>Hard and Smart Working</li>
          <p></p>
          <li>Honest and Punctual</li>
          <p></p>
          <li>Good communication skill</li>
        </ul>
      </div>
      <div class="right">
        <div class="item"
        data-aos="flip-left"
        data-aos-duration="1000"
        >
          <img src="assets/images/photoshop.png" alt="Photoshop">
          <h3>Adobe photoshop</h3>
          <p>Photoshop is an image creation, graphic design and photo editing software developed by Adobe. The software provides many image editing features for pixel-based images</p>
        </div>
        <div class="item"
        data-aos="flip-right"
        data-aos-duration="2000"
        >
          <img src="assets/images/j.jpeg" alt="vs code">
          <h3>Vs Code</h3>
          <p>VS Code, is a source-code editor made by Microsoft. Features include support for debugging, syntax highlighting, intelligent code completion, snippets, code refactoring, and embedded Git.</p>
        </div>
        <div class="item"
        data-aos="flip-left"
        data-aos-duration="1500"
        >
          <img src="assets/images/3d canva.jpg" alt="InDesign">
          <h3>Canva</h3>
          <p>Canva is an online design tool that offers users the opportunity to create professional-looking posters, slideshows, images, event flyers, resumes, cards, certificates, infographics, and other media. </p>
        </div>
      </div>
    </div>
  </section><!-- #skill -->
  <section id="service">
    <h2>Services I offer</h2>
    <div class="content service--content"
    data-aos="fade-up"
    data-aos-duration="3000"
    >
      <div class="item">
        <h3>Website design</h3>
        <img src="assets/images/web.jpg" alt="website design">
        <p>Web design is the art of planning and arranging content on a website so that it can be shared and accessed online with the world. A combination of aesthetic and functional elements</p>
        <a href="#contact">Hire Me</a>
      </div><!-- .item -->
      <div class="item">
        <h3>logo design</h3>
        <img src="assets/images/logo.jpg" alt="logo design">
        <p>It serves as a self-explanatory image that people can use to connect with your brand. Your logo design identifies your business in its simplest form using a logo mark, typographic solution, or combination of both.</p>
        <a href="#contact">Hire Me</a>
      </div><!-- .item -->
      <div class="item">
        <h3>App design</h3>
        <img src="assets/images/app.jpg" alt="app design">
        <p>App design is an ongoing process comprising user experience (UX) and user interface (UI) elements. Designers ideate, define solutions, create the app's flow and structure, and make stylistic choices from colors to fonts.</p>
        <a href="#contact">Hire Me</a>
      </div><!-- .item -->
    </div>
  </section><!-- #service -->
  <section id="portfolio">
    <h2 class="center">Portfolio -My past work samples</h2>
    <div class="content portfolio--content">
      <div class="item">
        <h3>Spotify clone</h3>
        <img src="assets/images/spotify .jpg" alt="spotify clone">
      </div><!-- item -->
      <div class="item">
        <h3>Amazon clone</h3>
        <img src="assets/images/amazon.jpg" alt="amazon clone">
      </div><!-- item -->
      <div class="item">
        <h3>Rock-paper-scissors Game</h3>
        <img src="assets/images/project-three.png" alt="rock-paper game">
      </div><!-- item -->
      <div class="item">
        <h3>Gamezone </h3>
        <img src="assets/images/project-four.jpg" alt="logo design">
      </div><!-- item -->

    </div>
  </section><!-- portfolio -->

  <section id="contact">
    <div class="content">
      <h2 class="center">Contact Me</h2>
      <p class="center contact-detail">You can contact me on linkedin or you can mail me . Thankyou!!</p>
      <address>
        <p>Email Me: <a href="mailto:sunidhishinde28@gmail.com"> hellosunidhi.com</a></p>

      </address>
    </div>
  </section>


  <footer class="site-footer">
    <div class="content site-footer--content">
      <div class="footer-left">

        <a href="https://www.linkedin.com/in/sunidhi-shinde-690784225">LinkedIn</a>


        <p>I am a btech computer science student constantly involved in improving myself by exploring new skills. Self motivated and hardworking individual. </p>
      </div>
      <div class="footer-right">
        <address>
          <p>Email Me:<a href="mailto:sunidhishinde28@gmail.com">hellosunidhi.com</a></p>
        </address>
      </div>
    </div>
    <div class="copyright-notice">
      <p>&copy; <time datetime="2023">2023,</time> All rights reserved </p>
    </div>
  </footer>
  <script src="js/script.js"></script>

  <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  <script>
    AOS.init();
  </script>
</body>
</html>