-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
167 lines (155 loc) · 7.87 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
<!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>Document</title>
</head>
<body>
<nav>
<div class ="navibar">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#abt">about me </a></li>
<li><a href= "#proj" >projects&skills</a> </li>
<li><a href ="#awards">certificates</a></li>
</ul>
</nav>
</div>
<div class="bord">
<h1>Dinesh babu b</h1>
<div class="title">
<h3><b>junior software and web developer</b> </h3>
</div>
<div class="github">
<img width="25" height="25" src="https://img.icons8.com/3d-fluency/94/linkedin-logo.png" usemap="#lk" href=""alt="linkedin-logo"/>
<map name="lk">
<area target="liknked in" alt="" title="LINKED IN" href="" coords="5,75,75,5" shape="rect">
</map>
<img width="25" height="25" src="https://img.icons8.com/3d-fluency/94/github-logo.png" alt="github-logo" usemap="#git"/>
<map name="git">
<area target="GITHUB" alt="GITHUB" title="GITHUB" href="https://github.com/DineshBaBu-110" coords="40,40,50" shape="circle">
</map>
</div>
<div class="place">
<h4>
Chennai|Tamilnadu,India
</h4>
</div>
</div>
<div class="obj">
<h2>objective</h2>
<hr class="line">
<p>To build career in growing organization, where I can get the opportunities to develop my skill knowledge and help in
growth of company by my hand work and determination towards an organization</p>
</div>
<div class="abt">
<h2 id="abt">about me</h2>
<hr class="line">
<ul>
<li>I'm curently pursuing a bachelor degree in computer science engineering at Dr.MGR educational and research institute maduravoyal,chennai-India </li><br>
<li>Currently working on my own project Algorithm Visualizer – a project is focused on creating an interactive and graphical Algorithm Visualizer, showcasing step-by-step executions of algorithms like sorting, searching, and graph traversal.</li>
</ul>
</div>
<div class="proj">
<h2 id="proj">PROJECTS</h2>
<hr class="line">
<ul class="web"><h3><sup>[1]</sup>webscrapping</h3>
<p>Tools: [AutoScraper,Python,Pandas,SQLite/MySQL,Excel, Jupyter Notebook ]</p>
<li>
Conducted a web scraping project with AutoScraper to automate data extraction, store it in a database or Excel, and
analyze it for actionable insights.
</li>
<li>Developed a web scraping configuration with AutoScraper to extract product details, pricing, and reviews.</li>
<li> Implemented Python scripts with AutoScraper to automate data extraction, reducing manual collection time by
50% and ensuring consistent data retrieval.</li>
<li>Created a data storage pipeline to organize scraped data in SQLite/MySQL databases or Excel files, ensuring
efficient access for analysis and reporting</li>
</ul>
<ul class="portfolio">
<h3><sup>[2]</sup>portfolio</h3>
<p>Tools: [AutoScraper,Python,Pandas,SQLite/MySQL,Excel, Jupyter Notebook ]</p>
<li>Developed an interactive project gallery to showcase and detail various projects, achieving enhancing work
presentation and visitor engagement.</li>
<li>Implemented responsive design with CSS media queries, achieving a seamless user experience across all devices.</li>
<li>Created a dynamic contact form with JavaScript validation, ensuring accurate and user-friendly communication</li>
</ul>
</div>
<div>
<div class="skill">
<h2 id=#proj>Skill</h2>
<hr class="line">
</div >
<!-- <ul class="skl">
<li>Programming Languages: JAVA , PYTHON(Basic)</li>
<li>Web Technologies: HTML , CSS , JAVASCRIPT , GIT & GITHUB</li>
<li>Database Systems:MYSQL , ORACLE</li>
<li>Specialized Area:FRONT-END(Web Animation,Responsive Design) & BACK-END(Database
Management,Server-Side Programming)</li>
<li>Other Tools & Technologies:MICROSOFT OFFICE SUITE</li>
</ul> -->
<div class="space">
<div class="card-container">
<div class="card">
<div class ="card-front ">
<center><h2>programming language</h2></center>
</div>
<div class="card-back">
<center> <img width="48" height="48" src="https://img.icons8.com/color/48/java-coffee-cup-logo--v1.png" alt="java-coffee-cup-logo--v1"/>
<img width="40" height="40" src="https://img.icons8.com/color/48/python--v1.png" alt="python--v1"/>
<img width="40" height="40" src="https://img.icons8.com/ios-filled/50/javascript-logo.png" alt="javascript-logo"/></center>
</div>
</div>
</div>
<div class="card-container">
<div class="card">
<div class="card-front">
<center> <h2>Database</h2>
</div>
<div class="card-back">
<center> <a href="dsf"> <img width="48" height="48" src="https://img.icons8.com/ios/50/mysql-logo.png" alt="mysql-logo"/></a>
<img width="55" height="55" style="margin-left: 15px;"src="https://img.icons8.com/color/48/oracle-logo.png" alt="oracle-logo"/></center> </div>
</div>
</div>
<div class="card-container">
<div class="card">
<div class="card-front">
<center> <h2>Technologes</h2></center>
</div>
<div class="card-back">
<center><img width="48" height="48" src="https://img.icons8.com/arcade/64/html-5.png" alt="html-5"/>
<img width="48" height="48" src="https://img.icons8.com/fluency/48/css3.png" alt="css3"/>
<img width="48" height="48" src="https://img.icons8.com/color/48/git.png" alt="git"/>
<img width="48" height="45" src="https://img.icons8.com/3d-fluency/94/github-logo.png" alt="github-logo"/>
<img width="40" height="40" src=" https://img.icons8.com/office/40/react.png" alt="react"/></center>
</div></div></div>
<div class="other">
<div class="card-container">
<div class="card">
<div class="card-front">
<center> <h2>Others </h2></center>
</div>
<div class="card-back">
<center><img width="40" height="48" src="https://img.icons8.com/fluency/48/ms-excel.png" alt="ms-excel"/>
<img width="40" height="48" src="https://img.icons8.com/color/48/ms-word.png" alt="ms-word"/>
<img width="48" height="48" src="https://img.icons8.com/color/48/microsoft-powerpoint-2019--v1.png" alt="microsoft-powerpoint-2019--v1"/></center>
</div>
</div>
</div>
</div>
</div>
<div class="awardscon">
<h2 id=#awards>CERTIFICATES</h2>
<hr class="line">
<ul class="awards">
<li>NU TECH Computer education certified Diploma in Computer Application (D.C. A) 2019</li>
<li>Attended 5 days workshop on Machine Learning python Certified by NISC 2023</li>
<li>Attended 5 days workshop on Angular JavaScript Certified by Adroit Prolearn 2023</li>
<li>NPTEL Certified in Database Management system (3months course)</li>
<li>NCIET ceritified in java core (3months course)</li>
</ul>
</div>
</body>
</html>