-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
190 lines (177 loc) · 10.4 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>portfolio - RAVI TEJA B N </title>
<script src="https://kit.fontawesome.com/776e67eba2.js" crossorigin="anonymous"></script>
</head>
<body>
<div id="header">
<div class="container">
<nav>
<h1 class="hhh">RAVI</h1>
<ul id="sidemenu">
<li><a href="#header">HOME</a></li>
<li><a href="#about">ABOUT</a></li>
<li><a href="#services">INTERNSHIP</a></li>
<li><a href="#portfolio">PROJECT</a></li>
<li><a href="#contact">CONTACT</a></li>
<i class="fa-solid fa-xmark" onclick="closemenu()"></i>
</ul>
<i class="fa-solid fa-bars" onclick="openmenu()"></i>
</nav>
<div class="header-text">
<p>WEB DEVELOPER</p>
<h1>Hi, I'm <span>RAVI TEJA B N</span><br> Founder of Vtu cloud </h1>
</div>
</div>
</div>
<div id="about">
<div class="container">
<div class="row">
<div class="about-col-2">
<h1 class="sub-title"> About Me</h1>
<p class="pp">
Ravi Teja B N is an engineering student with expertise in Python, Java, C, and web technologies such as HTML, CSS, and JavaScript. He has developed various projects, including VTUCloud.in, a WordPress-based educational platform that garnered 500,000+ views in one month. His technical projects range from a Python-Flask QR/Barcode Scanner to a front-end Infosys clone and a Car Game using JavaScript. He is pursuing a B.E. in Information Science and Engineering with a CGPA of 8.5. His achievements include 2nd place in a college mini project presentation and certifications in Java and Python.
</p>
<div class="tab-titles">
<p class="tab-links active-link" onclick="opentabe('Skills')">Skills</p>
<p class="tab-links" onclick="opentabe('Experience')">Experience</p>
<p class="tab-links" onclick="opentabe('Education')">Education</p>
</div>
<div class="tab-contents active-tab" id="Skills">
<ul>
<li><span>Web Development [Html , CSS , JS]</span></li>
<li><span>python</span></li>
<li><span>C and Data Structure in C</span></li>
<li><span>JAVA</span></li>
<li><span>Sql query language</span></li>
<li><span>Ethincal Hacking [Wifi Hacking]</span></li>
</ul>
</div>
<div class="tab-contents" id="Experience">
<ul>
<li><span>Project in Front-end</span> <br>CAR GAME </li>
<li><span>Project in Python</span> <br>TIC-TAC-TOE </li>
<li><span>Project in JAVA</span> <br>MOVIE RECOMMENDATION ENGINE</li>
</ul>
</div>
<div class="tab-contents" id="Education">
<ul>
<li><span>BACHELOR OF ENGINEERING</span> <br>INFORMATION SCIENCE ENGINEERING</li>
<li><span>2021</span> <br>MES Kishora Kendr with 85%</li>
<li><span>2019</span> <br>Standard English School with 90%</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="services">
<div class="container">
<h1 class="sub-title">My Internship</h1>
<div class="services-list">
<div>
<i class="fa-brands fa-java"></i>
<h2>JAVA</h2>
<p>Java offers a wide range of data structures, including arrays, linked lists, stacks, queues, trees, and
graphs, that can be used to store and manipulate data efficiently Effective data structure design
and implementation can significantly improve the performance and scalability of software applications,
particularly those that handle large amounts of data
</p>
<a href="">View_Certificate</a>
</div>
<div>
<i class="fa-brands fa-python"></i>
<h2>PYTHON</h2>
<p>Python is a high-level, interpreted programming language that is widely used for data analysis,
scientific computing, and web development.Python is known for its simplicity, readability, and
flexibility, making it a popular language for beginners and experts alike.
Python is also used for machine learning and artificial intelligence applications
</p>
<a href="">View_Certificate</a>
</div>
<div>
<i class="fa-solid fa-database"></i>
<h2>SQL</h2>
<p>SQL (Structured Query Language) is a programming language used to manage and manipulate relational databases.
SQL allows users to create and modify database schemas, insert, update, and delete data, and retrieve data using queries.
SQL is widely used in industry and is a critical skill for data analysts, data scientists, and software developers.
</p>
<a href="">View_Certificate</a>
</div>
</div>
</div>
</div>
<div id="portfolio">
<div class="container">
<h1 class="sub-title">My Project</h1>
<div class="work-list">
<div class="work">
<img src="car.png" alt="firstwork">
<div class="layer">
<h3>Vtu Cloud </h3>
<p>onceptualized and executed the development of vtcloud.in, a
user-centric WordPress platform, offering comprehensive resources
for VTU students; boosted online resource accessibility and user
satisfaction by 80% in four a month..</p>
<a href="https://iammade.github.io/Car_game/"><i class="fa-solid fa-arrow-up-right-from-square"></i></a></div>
</div>
<div class="work">
<img src="xox.png" alt="firstwork">
<div class="layer">
<h3>Tic-Tac-Toe</h3>
<p>Classic Tic-Tac-Toe for 2 players. Text interface, alternating
turns, winner checks, draw logic, restart option. Clear,
organized, error-handling, 2D grid, user-friendly, concise
</p>
<a href="https://github.com/Iammade/Ravi"><i class="fa-solid fa-arrow-up-right-from-square"></i></a></div>
</div>
<div class="work work3">
<img src="movie.jpg" alt="firstwork">
<div class="layer">
<h3>MOVIE RECOMMENDATION ENGINE</h3>
<p>Dynamic movie recommendation system considers user age, genre preferences,
and language. Versatile, personalized suggestions offer a tailored viewing
experience for a diverse audience.
</p>
<a href="https://github.com/Iammade/Movie-Recommendation-"><i class="fa-solid fa-arrow-up-right-from-square"></i></a></div>
</div>
</div>
<a href="" class="btn">SEE more</a>
</div>
</div>
<div id="contact">
<div class="container">
<div class="row">
<div class="contact-left">
<h1 class="sub-title">Contact me </h1>
<p><i class="fa-solid fa-paper-plane"></i>ravitejabn.21is@saividya.ac.in</p>
<p><i class="fa-solid fa-phone"></i>7259376655</p>
<div class="soclia-meadia">
<a href="https://github.com/Iammade"><i class="fa-brands fa-github"></i></a>
<a href="https://www.linkedin.com/in/raviteja-b-n-5a8725230/"><i class="fa-brands fa-linkedin"></i></a>
<a href="https://www.instagram.com/mr_raviteja_10/?next=%2F"><i class="fa-brands fa-instagram"></i></a>
</div><br>
<a href="Resume.pdf" class="btn btn2">Dowload CV</a>
</div>
<div class="contact-right">
<form name="submit-to-google-sheet">
<input type="text" name="name" placeholder="Your Name" required>
<input type="email" name="email" placeholder="Your Email" required>
<textarea name="message" cols="30" rows="6" placeholder="Your message" required></textarea>
<button type="submit" class="btn btn2">Submit</button>
</form>
<span id="msg"></span>
</div>
</div>
</div>
</div>
<footer>
<p>Thanks for Your time <i class="fa-solid fa-heart"></i></p>
</footer>
<script src="app.js"></script>
</body>
</html>