portfolio-v1/index.html at main · NSVEGUR/portfolio-v1 · 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
<!DOCTYPE html>
<html>

<head>
  <meta name="My website" content="Give a wink at my competence">
  <meta name="veiwport" content="width=device-width, initial scale=1.0">
  <meta charset="UTF-8">
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap" rel="stylesheet">
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css2?family=Palanquin+Dark&family=Quicksand:wght@300&display=swap"
    rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="style.css">
  <link rel="shortcut icon" type="image/png" href="Images/favicon.png">
  <title>Vegur's Blog</title>
</head>

<body>
  <div class="splash">
    <h1 class="welcome fade">Pleasant Welcome</h1>
  </div>

  <div class="bar">
    <div>
      <h1><span><img src="Images/shortcut.png"></span> NSVegur </h1>
    </div>
    <div>
      <button class="drop">≡</button>
    </div>
  </div>
  <header>
    <div class="heading">
      <img class="heading-image" src="Images/header.jpeg">
      <div class="heading-overlay">
        <h1 class="heading-text">Stay hungry! Stay foolish!</h1>
      </div>
    </div>
  </header>
  <hr />
  <nav>
    <div class="head-flex">
      <div class="head-item hom"><span class="hom-text">Home</span></div>
      <div class="head-item art">
        <span class="art-text">Articles</span>
      </div>
      <div class="head-item pro"><span class="pro-text">Works</span>
      </div>
      <div class="mode head-item"><span class="mode-text">✹</span>
      </div>
    </div>
  </nav>
  <hr />
  <main>
    <div class="card" id="#section1">
      <h1 style="color: #9CA3AF">Let me introduce my self: </h1>
      <div class="image">
        <img class="fam" src="Images/fam.jpg">
        <div class="image-overlay">
          <div class="image-text">
            <h1 style="background: none; color: white">Being lol is our kind xP</h1>
          </div>
        </div>
      </div>
      <h2 style="color: #9CA3AF">Hola!</h2>
      <p>
        I'm Nagasai Vegur, I completed my both schooling and pre-graduation in Karnataka.
        Now getting my gradution at IIIT-DM Kancheepuram. I started late but wanna explore more and
        that's what it implies in this programming world. Nothing makes me curious if I am not interested.
        I look introvert, somewhat extrovert and behaves like ambivert.
        I am just driving my way in web development.</p>
      <h3 style="color: #9CA3AF">For the time being I'm digging out: </h3>
      <ul>
        <li>C</li>
        <li>HTML</li>
        <li>CSS</li>
      </ul>
    </div>
    <div class="card" id="#section2">
      <h1 style="color: #9CA3AF">Keeping things apart, lets plunge into my cameo part XD!</h1>
      <p>
        Now a days Git & Github is very important to programmers. Many students like me still didn't
        even set up a git account,so I made a repository in git. Which is one of the easy way regarding
        how to set up Git & Github. You can find the link in the below flex bar, also you can paradoxically get
        my
        HTML
        and CSS notes. There which I found "I would be better to note"even though its actually for grasping in
        about Git
        take a look if you needed, It might help you!!
      </p>
      <img class="gif" src="https://media.giphy.com/media/l1AsJoOWnvy0CuyFq/giphy.gif">
      <div class="box-1">
        <div class="box-card">
          <div class="box-item" style="grid-row: 1 / 2; grid-column: 1 / 2;">Setup Git & Github</div>
          <div class="box-item" style="grid-row: 1 / 3; grid-column: 1 / 2;">
            <a href="./Articles/Git/index.html"><img src="Images/git.png" width="150" height="150"></a>
          </div>
        </div>
        <div class="box-card">
          <div class="box-item" style="grid-row: 1 / 2; grid-column: 2 / 3;">My HTML Notes</div>
          <div class="box-item imghtml" style="grid-row: 2 / 3; grid-column: 2 / 3;">
            <a href="./Articles/Html/index.html"><img src="Images/html.png" width="130" height="130"></a>
          </div>
        </div>
        <div class="box-card">
          <div class="box-item" style="grid-row: 1 / 2; grid-column: 3 / 4;">My CSS Notes</div>
          <div class="box-item" style="grid-row: 2 / 3; grid-column: 3 / 4;">
            <a href="./Articles/Css/index.html"><img src="Images/css.png" width="170" height="170"></a>
          </div>
        </div>
        <div class="box-card">
          <div class="box-item" style="grid-row: 1 / 2; grid-column: 4 / 5;">My Code track</div>
          <div class="box-item" style="grid-row: 2 / 3; grid-column: 4 / 5;">
            <a href="https://github.com/NSVEGUR/College-CodeTrack.git"><img src="Images/programmer.png" width="180"
                height="150"></a>
          </div>
        </div>
      </div>
    </div>
    <div class="card" id="#section3">
      <h1 style="color: #9CA3AF">Projects Speak More than Certs!!</h1>
      <div class="works">
        <div class="work todo">
          <div class="work-title">
            <h2>To-Do</h2>
          </div>
          <a href="https://todo-app-nsvegur.vercel.app/" target="_blank"><img class="work-img"
              src="Images/Todo.png" /></a>
          <div class="work-caption">
            <h2>The Perfection starts from listing out things</h2>
          </div>
        </div>
        <div class="work cal">
          <div class="work-title">
            <h2>Calculator</h2>
          </div>
          <a href="https://calculator-nsvegur.vercel.app/" target="_blank"><img class="work-img"
              src="Images/Calculator.png" /></a>
          <div class="work-caption">
            <h2>UI inspired from Never Settle</h2>
          </div>
        </div>
        <div class="work map">
          <div class="work-title">
            <h2>Map-IT</h2>
          </div>
          <a href="https://map-it-nsvegur.vercel.app/" target="_blank"><img class="work-img"
              src="Images/Map-IT.png" /></a>
          <div class="work-caption">
            <h2>Mark-IT on Map to get track of your workouts</h2>
          </div>
        </div>
      </div>
    </div>

  </main>
  <hr />
  <hr />
  <div class="body-overlay hidden">

  </div>

  <footer>
    <h1>You lose Only if you get convinced to be lost!</h1>
    <div class="intro hidden">
      <div class="mine-intro" style="grid-row: 1 / 2; grid-column: 1 / 3;"><img class="mine" src="Images/sai.jpg" />
      </div>
      <p style="grid-row: 2 / 4; grid-column: 1 / 3; margin: 2rem;">
        Hey!,wanna catch up!? You can knock me on my internet
        community. Thinking and hoping about things stops you,where you are.
        let's drop a hand and make it move, mess up everything if you wanna explore.
      </p>
      <div class="ping ping-1" style="grid-row: 1 / 2; grid-column: 3 / 4;"><a href="https://twitter.com/VegurS">
          <img src="Images/favpng_logo-icon.png" width="100" height="100" style="margin-bottom: 20;"></a></div>
      <div class="ping ping-2" style="grid-row: 2 / 3; grid-column: 3 / 4;"><a
          href="https://www.instagram.com/nsvegur/">
          <img src="Images/favpng_instagram-logo.png" width="115" height="100"></a></div>
      <div class="ping ping-3" style="grid-row: 3 / 4; grid-column: 3 / 4;"><a href="https://github.com/NSVEGUR">
          <img src="Images/git.png" width="100" height="100"></a></div>
    </div>
    <h2 class="ending" style="color: #9CA3AF">---Blogged by Vegur---</h2>
  </footer>
  <script src="script.js"></script>
</body>

</html>