-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
126 lines (108 loc) Β· 5.9 KB
/
index.html
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
<!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="stylesheet" href="style.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
crossorigin="anonymous"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/e794e9673e.js" crossorigin="anonymous"></script>
<title>Personal Website</title>
</head>
<body>
<section id="navbar">
<nav class="navbar navbar-expand-lg bg-body-" style="background-color: #F9D949;">
<a href="/" class="navbar-brand ms-4 pb-2 pt-2"><span class="brand">.Personal</span></a>
<ul class="navbar navbar-nav ms-auto me-4">
<li class="nav-item">
<a href="https://github.com/Teja-2006" class="nav-link"><i
class="fa-brands fa-github-alt fa-3x"></i></a>
</li>
<li class="nav-item ms-5 me-5">
<a href="https://discord.gg/ChH2EyDt83" class="nav-link"><i
class="fa-brands fa-discord fa-3x"></i></a>
</li>
<li class="nav-item">
<a href="https://t.me/+uKono2A1kjgxY2U1" class="nav-link"><i
class="fa-brands fa-telegram fa-3x"></i></a>
</li>
</ul>
</nav>
</section>
<section id="home">
<div class="home-container">
<div class="item-img">
<img src="laptop and mepng.png" alt="code.pic">
</div>
<div class="item-text">
<h1>π Hello there! I am thrilled to welcome you to my personal website, version 1.0! π</h1>
<p>Hello! Just wanted to share that I started coding a month ago and now I'm learning full web
development with guidance from Udemy instructors and my dad. At 17 year's, I'm excited to keep
expanding my
skills and see where this newfound passion takes me! ππ» <span class="under">My learnt language are
belowπ</span>
</p>
</div>
</div>
<div class="container-lang">
<a href="https://nodejs.org/en/docs" class="nav-link me-4"><i class="fa-brands fa-node fa-4x"></i></a>
<a href="https://developer.mozilla.org/en-US/docs/Learn/HTML" class="nav-link me-4"><i
class="fa-brands fa-html5 fa-4x"></i></a>
<a href="https://developer.mozilla.org/en-US/docs/Learn/CSS" class="nav-link me-4"><i
class="fa-brands fa-css3-alt fa-4x"></i></a>
<a href="https://developer.mozilla.org/en-US/docs/Learn/JavaScript" class="nav-link me-4"><i
class="fa-brands fa-square-js fa-4x"></i></a>
<a href="https://react.dev/" class="nav-link me-4"><i class="fa-brands fa-react fa-4x"></i></a>
</div>
</section>
<section id="about">
<div class="container-about">
<h1 class="item">About Me π</h1>
<p class="item">I'm Tejeswar, a college Student based in India. I'm passionate about
Coding and programming and love learning and growing in my work π±. When I'm not working, you can find
me reading books and work in the gymπ¨ πββοΈ πΈ. I believe in [Your Philosophy/Values] and
am committed to start my own startup and learn more about Coding π. Thanks for stopping by! π</p>
</div>
</section>
<section id="experience">
<div class="constainer-experience">
<img src="My project.png" alt="hi-pic">
<h1>My Experienceπ</h1>
<p>
Hey there! π It's great to hear that you've been learning full-stack web development and even
better that
you've been building your own front-end websites! π That's a huge accomplishment, especially at 17
years
old.
<br>
However, frustration and anger π€ can come along with the learning process. Learning something new
can be a
rollercoaster of emotions, but the end result is always worth it. When I was learning full-stack web
development, I remember spending hours trying to fix a bug in my code, only to realize that I had
made a
typo in one line. It was so frustrating! π« But every time I hit a roadblock, I reminded myself that
this
was all part of the learning process. Remember to take breaks π§ββοΈ, reach out to others for help
when
needed πββοΈ, and keep pushing through πͺ. You got this! ππ
</p>
</div>
</section>
</body>
<footer class="pt-2 pb-2">
<h5>@Tejeswar 2023</h5>
<div>
<a href="https://twitter.com/Tejeswar_2006" class="nav-link"><i class="fa-brands fa-twitter "></i></a>
<a href="tel:+918639559422" class="nav-link"><i class="fa-solid fa-phone "></i></a>
<a href="https://www.quora.com/profile/Tejeswar-Reddy-113" class="nav-link"><i
class="fa-brands fa-quora "></i></a>
</div>
</footer>
</html>