├── prpl.png
├── bckk1.jpg
├── bckk2.jpg
├── bckk3.jpg
├── bckk4.jpg
├── bckk5.jpg
├── bckk6.jpg
├── github.png
├── insta.png
├── sthms.png
├── linkedin.png
├── mkcelogo.png
├── nxtfndrs.jpeg
├── prf back.png
├── chatgpt-cer.jpg
├── youthtalk.jpeg
├── backround pic.jpg
├── online leave.jpeg
├── IMAGE PROFILE 1.jpg
├── digital lending.jpeg
├── flight-booking.jpeg
├── DHEENADHAYALAN  Banner.png
├── coderscave certificate.png
├── style2.css
├── home.html
├── airline.html
├── digitallending.html
├── style.css
└── index.html


/prpl.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dheenadhayalan211203/New_portpholio/HEAD/prpl.png


--------------------------------------------------------------------------------
/bckk1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dheenadhayalan211203/New_portpholio/HEAD/bckk1.jpg


--------------------------------------------------------------------------------
/bckk2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dheenadhayalan211203/New_portpholio/HEAD/bckk2.jpg


--------------------------------------------------------------------------------
/bckk3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dheenadhayalan211203/New_portpholio/HEAD/bckk3.jpg


--------------------------------------------------------------------------------
/bckk4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dheenadhayalan211203/New_portpholio/HEAD/bckk4.jpg


--------------------------------------------------------------------------------
/bckk5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dheenadhayalan211203/New_portpholio/HEAD/bckk5.jpg


--------------------------------------------------------------------------------
/bckk6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dheenadhayalan211203/New_portpholio/HEAD/bckk6.jpg


--------------------------------------------------------------------------------
/github.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dheenadhayalan211203/New_portpholio/HEAD/github.png


--------------------------------------------------------------------------------
/insta.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dheenadhayalan211203/New_portpholio/HEAD/insta.png


--------------------------------------------------------------------------------
/sthms.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dheenadhayalan211203/New_portpholio/HEAD/sthms.png


--------------------------------------------------------------------------------
/linkedin.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dheenadhayalan211203/New_portpholio/HEAD/linkedin.png


--------------------------------------------------------------------------------
/mkcelogo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dheenadhayalan211203/New_portpholio/HEAD/mkcelogo.png


--------------------------------------------------------------------------------
/nxtfndrs.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dheenadhayalan211203/New_portpholio/HEAD/nxtfndrs.jpeg


--------------------------------------------------------------------------------
/prf back.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dheenadhayalan211203/New_portpholio/HEAD/prf back.png


--------------------------------------------------------------------------------
/chatgpt-cer.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dheenadhayalan211203/New_portpholio/HEAD/chatgpt-cer.jpg


--------------------------------------------------------------------------------
/youthtalk.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dheenadhayalan211203/New_portpholio/HEAD/youthtalk.jpeg


--------------------------------------------------------------------------------
/backround pic.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dheenadhayalan211203/New_portpholio/HEAD/backround pic.jpg


--------------------------------------------------------------------------------
/online leave.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dheenadhayalan211203/New_portpholio/HEAD/online leave.jpeg


--------------------------------------------------------------------------------
/IMAGE PROFILE 1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dheenadhayalan211203/New_portpholio/HEAD/IMAGE PROFILE 1.jpg


--------------------------------------------------------------------------------
/digital lending.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dheenadhayalan211203/New_portpholio/HEAD/digital lending.jpeg


--------------------------------------------------------------------------------
/flight-booking.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dheenadhayalan211203/New_portpholio/HEAD/flight-booking.jpeg


--------------------------------------------------------------------------------
/DHEENADHAYALAN  Banner.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dheenadhayalan211203/New_portpholio/HEAD/DHEENADHAYALAN  Banner.png


--------------------------------------------------------------------------------
/coderscave certificate.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Dheenadhayalan211203/New_portpholio/HEAD/coderscave certificate.png


--------------------------------------------------------------------------------
/style2.css:
--------------------------------------------------------------------------------
 1 | *
 2 | {
 3 |     margin: 0;
 4 |     padding: 0;
 5 |     color: white;
 6 | }
 7 | 
 8 | body{
 9 |     background-color: black;
10 | }
11 | .h
12 | {
13 |     color: red;
14 |     font-size: 100px;
15 | }
16 | .i
17 | {
18 |     font-size: 50px;
19 | 
20 | }
21 | .this
22 | {
23 |     font-size: 50px;
24 | }
25 | .is
26 | {
27 |     font-size: 50px;
28 | }
29 | .d
30 | {
31 |     font-size: 70px;
32 | }
33 | .heena
34 | {
35 |     font-size: 50px ;
36 | }
37 | .dhayalan
38 | {
39 |     font-size: 50px;
40 | }
41 | .s{
42 |     font-size: 50px;
43 | }
44 |    
45 | .head
46 | {
47 |     display: flex;
48 |     justify-content: space-around;
49 | }
50 | .content
51 | {
52 |     padding-top: 200px;
53 | }
54 | .socialmedia
55 | {
56 |     background-color: white;
57 |     display: flex;
58 |     justify-content: space-evenly;
59 |     width: 500px;
60 |    
61 |     
62 | }
63 | .socialmedia img
64 | {
65 |    height: 50px;
66 |    
67 | }
68 | .smh
69 | {
70 |     display: flex;
71 | }


--------------------------------------------------------------------------------
/home.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Document</title>
 7 |     <link rel="stylesheet" href="style2.css">
 8 | </head>
 9 | <body>
10 |     <head>
11 |         <nav>
12 |             
13 |         </nav>
14 |         <div class="head">
15 |             <div class="content">
16 |                 <p><span class="h">H</span><span class="i">i</span></p>
17 |                 <p><span class="this">This </span><span class="is">Is</span></p>
18 |                 <p><span class="d">D</span><span class="heena">heena</span><span class="dhayalan"> Dhayalan </span><span class="s">S</span></p>
19 |                 <p>A Pre-Final Year Engineering Student </p>
20 |                 <p><em>Domain : </em><i>Computer Science</i></p>
21 | 
22 |             </div>
23 |             <div class="image">
24 |                 <img src="prpl.png" alt="profilepic" class="profile">
25 |             </div>
26 |         </div>
27 |     </head>
28 |     <div class="smh">
29 |    
30 |         <div class="socialmedia">
31 |            
32 |             <div class="insta"><img src="insta.png" alt="instagram"></div>
33 |             <div class="github"><img src="github.png" alt="github"></div>
34 |             <div class="linkedin"><img src="linkedin.png" alt="linkedin"></div>
35 |         </div>
36 |     </div>
37 |     
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/airline.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Airline android</title>
 7 |     <style>
 8 |         body
 9 |         {
10 |             background-image: url(bckk1.jpg);
11 |         }
12 |       
13 |     .prjct
14 |     {
15 |           display: flex;
16 |           justify-content: space-around;
17 |           margin-top: 100px;
18 |     }
19 |     h1{
20 |         text-align: center;
21 |         color: white;
22 |         font-size: 50px;
23 |     }
24 |     header{
25 |         background-color: black;
26 |         position: sticky;
27 |         top: 0;
28 |         border-radius: 20px;
29 |     }
30 |     .prjctdetails{
31 |         display: flex;
32 |         justify-content: center;
33 |         background-color: rgb(88, 202, 118);
34 |         font-size: 30px;
35 |         width: 400px;
36 |         margin-top: 50px;
37 |         border-radius: 30px;
38 |         border: 2px solid black;
39 |         
40 |     }
41 |     
42 |     .prjctdetails:hover
43 |     {  color: rgb(242, 0, 0);
44 |     border-radius: 30px;
45 |     box-shadow: 0 0 20px rgb(0, 0, 0);
46 |     background-color:  rgb(0, 201, 54);;
47 |     }
48 |     .prjct{
49 |         background-color: rgb(53, 110, 190);
50 |         width: 1300PX;
51 |         border-radius: 20px;
52 |         border: black solid 2px;
53 |         
54 |       
55 |     }
56 |     .prjct:hover
57 |     {
58 |         background-color: rgb(68, 126, 207);;
59 |     }
60 |     .content
61 |     {
62 |         margin-top: 50px;
63 |         margin-bottom: 50px;
64 |         color: white;
65 |         
66 |     }
67 |     a{
68 |         text-decoration: none;
69 |         color: white;
70 |     }
71 |     </style>
72 | </head>
73 | <body>
74 |     <CENTER>
75 | 
76 |   <header>
77 |     <h1><span style="color: red;">A</span>irline Android</h1> 
78 |   </header>
79 |   <main>
80 |     <div class="prjct">
81 |         <div class="content">
82 |             <p>hgvyhhunvfuifhug</p>
83 |         </div>
84 |         <div class="content"><img src="flight-booking.jpeg" alt="img" style="border-radius: 30px;"></div>
85 |     </div>
86 |     
87 |     <a href="https://github.com/Dheenadhayalan211203/Airlineandroid" target="_blank"><div class="prjctdetails">
88 |         <img src="github.png" style="height:100px ; ">
89 |         <p><b> &nbsp; Project Source code</b></p>
90 |     </div></a>
91 | 
92 |   </main>
93 |           
94 | </CENTER>
95 | </body>
96 | </html>


--------------------------------------------------------------------------------
/digitallending.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Digital Lender</title>
 7 |     <style>
 8 |         body
 9 |         {
10 |             background-image: url(bckk1.jpg);
11 |         }
12 |       
13 |     .prjct
14 |     {
15 |           display: flex;
16 |           justify-content: space-around;
17 |           margin-top: 100px;
18 |     }
19 |     h1{
20 |         text-align: center;
21 |         color: white;
22 |         font-size: 50px;
23 |     }
24 |     header{
25 |         background-color: black;
26 |         position: sticky;
27 |         top: 0;
28 |     }
29 |     .prjctdetails{
30 |         display: flex;
31 |         justify-content: center;
32 |         background-color: rgb(88, 202, 118);
33 |         font-size: 30px;
34 |         width: 400px;
35 |         margin-top: 50px;
36 |         border-radius: 30px;
37 |         
38 |     }
39 |     .prjctdetails:hover
40 |     {  color: rgb(242, 0, 0);
41 |     border-radius: 30px;
42 |     box-shadow: 0 0 20px rgb(0, 0, 0);
43 |     }
44 |     .prjct{
45 |         background-color: rgb(53, 110, 190);
46 |         width: 1300PX;
47 |         border-radius: 20px;
48 |       
49 |     }
50 |     .content
51 |     {
52 |         margin-top: 50px;
53 |         margin-bottom: 50px;
54 |         color: white;
55 |         text-align:left;
56 |         
57 |     }
58 |     a{
59 |         text-decoration: none;
60 |         color: white;
61 |     }
62 |     </style>
63 | </head>
64 | <body>
65 |     <CENTER>
66 | 
67 |   <header>
68 |     <h1><span style="color: red;">D</span>igital Lender</h1> 
69 |   </header>
70 |   <main>
71 |     <div class="prjct">
72 |         <div class="content">
73 |             <p>   This project introduces a digital product lending system for hostel residents, <br>
74 |                 employing biometric verification (specifically, fingerprint verification) through vending machines. <br>
75 |                 Additionally, it offers comprehensive monitoring capabilities <br>
76 |                 for special tokens acquired through the hostel mess management. <br>
77 |                 Each individual is granted a user account, enabling access to purchase history, <br>
78 |                 account balance, and various options, all accessible through a user-friendly dashboard.</p>
79 |         </div>
80 |         <div class="content"><img src="digital lending.jpeg" alt="img" style="border-radius: 30px;"></div>
81 |     </div>
82 |     
83 |     <a href="https://github.com/Dheenadhayalan211203/Digital_LEnding_Syatem" target="_blank"><div class="prjctdetails">
84 |         <img src="github.png" style="height:100px ; ">
85 |         <p><b> &nbsp; Project Source code</b></p>
86 |     </div></a>
87 | 
88 |   </main>
89 |           
90 | </CENTER>
91 | </body>
92 | </html>


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
  1 | *
  2 | {
  3 |     margin: 0;
  4 |     padding: 0;
  5 |     
  6 | }
  7 | body{
  8 |    
  9 |    
 10 |    
 11 |    background-color: rgb(255, 255, 255);
 12 |     background-repeat: no-repeat;
 13 |     background-size: cover;
 14 |     
 15 |     background-size:cover;
 16 |     
 17 | 
 18 | }
 19 | #navi a{
 20 |     color: rgb(255, 255, 255);
 21 |     padding-right: 20px;
 22 |     padding-left: 20px;
 23 |      
 24 |     
 25 | }
 26 | 
 27 | #navi a:hover{
 28 |     color: red;
 29 |     border: 2px solid white;
 30 | }
 31 | #navi
 32 | {
 33 |     background-color: rgb(2, 10, 102);
 34 |     padding: 20px;
 35 |     border-radius: 20px;
 36 |     margin: 3px;
 37 |     position: sticky;
 38 |     top: 0;
 39 | }
 40 | 
 41 | #photo
 42 | {
 43 |     border-radius: 30%;
 44 |     
 45 | }
 46 | #profile
 47 | {
 48 |     display: flex;
 49 |     justify-content: space-around;
 50 |     margin-top: 50px;
 51 |     width: 100%;
 52 | }
 53 | #edutb
 54 | {
 55 |     margin-top: 70px;
 56 | 
 57 | }
 58 | #edtxt , #prjcttxt
 59 | 
 60 | {
 61 |     text-align: center;
 62 |     margin-top: 60px;
 63 | }
 64 | .edmar
 65 | {
 66 |     margin-top: 100px;
 67 |     margin-left: 100px;
 68 |     background-color: rgb(255, 255, 255);
 69 |     padding: 50px;
 70 |     border-radius: 20%;
 71 |     border-left: solid rgb(36, 4, 246) 5px;
 72 |     border-bottom: solid rgb(36, 4, 246) 5px;
 73 |     color:rgb(0, 0, 0);
 74 |     box-shadow: 0 0 20px black;
 75 | 
 76 | }
 77 | .edmar:hover 
 78 | {
 79 |     background-color: rgb(241, 238, 238);
 80 |     border-radius: 20%;
 81 |     box-shadow: 0 0 20px rgb(3, 3, 3);
 82 | }
 83 | #pic:hover
 84 | {
 85 |     color: black;
 86 |     border-radius: 30%;
 87 |     box-shadow: 0 0 20px rgb(250, 0, 0);
 88 | }
 89 | #education
 90 | {
 91 |     display: flex;
 92 |     align-items: start;
 93 |     justify-content: space-around;
 94 | }
 95 | #contacts
 96 | {
 97 |     float: right;
 98 |     
 99 | }
100 | #socialmed
101 | {
102 |     margin-right: 100px;
103 |     margin-top: 40px;
104 |     padding-left: 50px;
105 |     padding-bottom: 50px;
106 | }
107 | #one
108 | {
109 |     background-color: white;
110 |     background-image: url(bckk3.jpg);
111 |     border-radius: 20%;
112 |     margin-bottom: 20px;
113 |     padding: 20px;
114 |     
115 |     
116 | }
117 | #one:hover
118 | {
119 |     color: black;
120 |     border-radius: 20%;
121 |     box-shadow: 0 0 20px rgb(250, 0, 0);
122 | }
123 | .sm:hover
124 | {
125 |     color: rgb(255, 255, 255);
126 |     border-radius: 30%;
127 |     box-shadow: 0 0 20px rgb(250, 0, 0);
128 | }
129 | .projects
130 | {
131 |     margin-left: 100px;
132 |     margin-right: 100px;
133 |     margin-top: 70px;
134 |     display: flex;
135 |     justify-content: space-between;
136 | }
137 | .prjct h3 , .prjct p ,.prjct3 h3 ,.prjct3 p
138 | {
139 |    padding-bottom: 20px;
140 |    
141 | }
142 | .projects img
143 | {
144 |     padding-top: 10px;
145 |     border-radius: 30px;
146 |     text-align: center;
147 | }
148 | .prjct{
149 |     
150 |     padding: 30px;
151 |     border-radius: 10px;
152 |     text-align: center;
153 |     
154 |     background-color: rgb(113, 244, 244);
155 |     box-shadow: 0 0 20px rgb(23, 22, 22);
156 | }
157 | .prjct:hover
158 | {
159 |     
160 |     background-color: rgb(174, 244, 244);
161 |     border-radius: 10px;
162 |     box-shadow: 0 0 20px rgb(158, 157, 157);
163 |     
164 | }
165 | .prjct3
166 | {
167 |    
168 |     padding: 30px;
169 |     border-radius: 10px;
170 |     text-align: center;
171 |     width: 500px;
172 |     text-align: center;
173 |     margin-left: 480px;
174 |     margin-top: 40px;
175 |     background-color: rgb(113, 244, 244);
176 |     box-shadow: 0 0 20px rgb(23, 22, 22);
177 |     
178 |     
179 | }
180 | .prjct3:hover
181 | {
182 |     background-color: rgb(174, 244, 244);
183 |    
184 |     border-radius: 10px;
185 |    
186 |     box-shadow: 0 0 20px rgb(158, 157, 157);
187 | }
188 | 
189 | .prjct3 img{
190 |     padding-top: 10px;
191 |     border-radius: 30px;
192 |     text-align: center;
193 | 
194 | }
195 | .intern-achiv
196 | {
197 |     text-align: center;
198 |     margin-top: 50px;
199 |     margin-bottom: 60px;
200 |     
201 |     
202 | }
203 | a{
204 |     text-decoration: none;
205 |     color: rgb(107, 4, 4);
206 |     font-weight: bolder;
207 | }
208 | .inten p
209 | {
210 |     padding-top: 20px;
211 |     padding-bottom: 20px;
212 | }
213 | .inten h2
214 | {
215 |     margin-top: 30px;
216 | }
217 | .cerimg{
218 |     height: 100px;
219 |     padding-top: 20px;
220 | }
221 | .internship
222 | {
223 |     display: flex;
224 |     justify-content: space-evenly   ;
225 |     
226 |     
227 | }
228 | 
229 | .inten{
230 |     background-color: rgb(172, 141, 177);
231 |     padding: 30px;
232 |     border-radius: 10px;
233 |     text-align: center;
234 |     box-shadow: 0 0 20px rgb(0, 0, 0);
235 | }
236 | .inten:hover
237 | {
238 |     background-color: rgb(159, 136, 162);
239 |     
240 |    
241 |     border-radius: 10px;
242 |     box-shadow: 0 0 20px rgb(172, 141, 177);
243 | 
244 | }
245 | .achivement
246 | {
247 |     margin: 40px;
248 |     display: flex;
249 |     justify-content: space-around;
250 | }
251 | .achi{
252 |     background-color: rgb(135, 166, 144);
253 |     padding: 30px;
254 |     border-radius: 10px;
255 |     text-align: center;
256 |     margin-bottom: 50px;
257 |     width: 400px;
258 |     box-shadow: 0 0 20px rgb(0, 0, 0);
259 | }
260 | .achi img{
261 |     height: 200px;
262 | }
263 | .achi2
264 | {
265 |     background-color: rgb(135, 166, 144);
266 |     padding: 30px;
267 |     border-radius: 10px;
268 |     text-align: center;
269 |     margin-bottom: 50px;
270 |     width: 500px;
271 | }
272 | .achi2 img{
273 | 
274 |     height: 200px;
275 |     
276 | 
277 | }
278 | .achivement p{
279 |     padding: 20px;
280 |     font-weight: bold;
281 | }
282 | .achivement img
283 | {
284 |     border-radius: 20px;
285 | }
286 | .projects a{
287 |     color: black;
288 | }
289 | footer
290 | {
291 |     background-color: black;
292 |     color: white;
293 |  
294 | 
295 | }
296 | footer p{
297 |     padding: 50px;
298 |     
299 |    
300 | }
301 | .copyright{
302 |     margin-top: 50px;
303 | }
304 | .ed
305 | {
306 |     background-color: rgb(255, 255, 255);
307 |     padding-bottom: 20px;
308 |     border-radius: 40px;
309 |     margin-left: 30px;
310 |     margin-right: 30px;
311 | }
312 | #edtxt
313 | {
314 |     padding: 20px;
315 | }
316 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <title>Dheena</title>
  7 |     <link href="style.css" rel="stylesheet">
  8 | <body>
  9 |     <div id="navi">
 10 | 
 11 |     <a href=".pf">Home</a>
 12 |     <a href="#education">Education</a>
 13 |     <a href="#projects">Projects</a>
 14 |     <a href="#internship">Internship and Achivements</a>
 15 |        
 16 |     </div>
 17 |     <section id="banner">
 18 |         <img  src="DHEENADHAYALAN  Banner.png" alt="banner" >
 19 |     </section>
 20 |     <section id="profile">
 21 |         <section  id="pic">
 22 |              <img id ="photo" src="IMAGE PROFILE 1.jpg" alt="profilepicture" height="400px">
 23 |         </section>
 24 |         <section   id="txt">
 25 |             <span style="font-size:100px; color: red;"><i>H</i></span>
 26 |             <span style="font-size: 60px;color: rgb(0, 0, 0); "><i>ola</i></span>
 27 |             <p style="font-size: 30px;color: rgb(0, 0, 0);"><i>This Is</i></p><br>
 28 |             <span style="color: red;font-size: 60px;"><i>D</i></span>
 29 |             <span style="font-size: 40px;color: rgb(0, 0, 0);"><i>heena Dhayalan S</i></span>
 30 |             
 31 | 
 32 |         </section>
 33 |         <section   class="pf">
 34 |             <section id="one">
 35 |             <p style="font-size: 20px;padding-top: 50px;color: rgb(0, 0, 0);padding-left: 50px ;"><em><b>Bachelor Of Engineer</b></em></p>
 36 |             <span style="font-size: 50px;color: rgb(255, 255, 255);padding-left: 50px ;"><b>F</b></span><span style="font-size: 20px;color: white;"><b>rontEnd Developer</b></span>
 37 |             <section id="socialmed"> 
 38 |             <p><a class="sm" href="https://github.com/Dheenadhayalan211203">  <img src="github.png" alt="github" height="50px"></a>&nbsp; &nbsp;
 39 |                 <a class="sm" href="https://www.linkedin.com/in/dheenadhayalan-s-07b50222a?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app">  <img src="linkedin.png" alt="linkedin" height="50px"></a>&nbsp; &nbsp;
 40 |                 <a class="sm" href="https://www.instagram.com/dheena_shobha/?hl=en">  <img src="insta.png" alt="insta" height="50px"></a>
 41 |             </p>
 42 |         </section>
 43 |             </section>
 44 |           
 45 |         </section>
 46 | 
 47 |        
 48 |         
 49 |         
 50 |        
 51 |        
 52 |     </section>
 53 | 
 54 |     <section class="ed">
 55 |     <h1 id="edtxt" >Education</h1>
 56 |     
 57 |     <section id="education">
 58 |         
 59 |      <section class="edmar" id="be">
 60 |         <span class="becd" style=" font-size: 60px;"><b>BE</b> </span>
 61 |         <p class="becd" style="padding-top: 20px;padding-left: 20px;"> <b>M Kumarasamy <br> College Of Engineering Karur</b></p>
 62 |         <br>
 63 |         <br>
 64 |         <span class="becd"> <a href="https://mkce.ac.in" alt="mkce.ac.in" target="_blank"> <img src="mkcelogo.png" alt="mkce" height="70px" > </a></span>
 65 |        
 66 | 
 67 |       </section>
 68 |        <section class="edmar" id="school">
 69 |         <span class="becd" style=" font-size: 60px;"><b>HSC & SSLC</b> </span>
 70 |         <p class="becd" style="padding-top: 20px;padding-left: 20px;"><b>  St Thomas Martic<br> Higher Secondary School </b></p>
 71 |         <br>
 72 |         <br>
 73 |         <span style="padding: 40px;" class="becd"><a href="https://www.facebook.com/StThomasMatricHrSecSchoolAyyankolly/" alt="fb" target="_blank">   <img src="sthms.png" alt="st thomas" height="70px" > </a></span>
 74 | 
 75 |        </section>
 76 |     
 77 |     </section>
 78 | 
 79 | </section>
 80 |     <h1 id="prjcttxt">Projects</h1>
 81 |     <section class="projects">
 82 |         <a href="airline.html"> <section class="prjct">
 83 |             <h3>APPLICATION DEVELOPMENT FOR FLIGHT TICKET BOOKING</h3>
 84 |             <p>The project centers on airline ticket booking, providing smooth flight<br>
 85 |                 schedule updates, personalized passenger facilities based on interests,<br>
 86 |                 and destination recommendations considering health.
 87 |                 </p>
 88 |              
 89 |                 <img src="flight-booking.jpeg" alt="refimg">
 90 |                 
 91 |             
 92 |         </section></a>
 93 |         
 94 |         <a href=""></a><section class="prjct">
 95 |             <h3>DIGITAL LEAVE AND ON-DUTY AUTHORIZATION
 96 |             </h3>
 97 |             <p>Created a web platform to streamline online leave and on-duty <br>
 98 |                 requests and approvals for college students, simplifying submission <br>
 99 |                 and processing.
100 |                 </p>
101 |              
102 |                 <img src="online leave.jpeg" alt="refimg">
103 |                 
104 |             
105 |         </section></a>
106 |         
107 |     </section>
108 | 
109 |     <a href="digitallending.html" style="color: black;"><section class="prjct3">
110 |         <h3>DIGITAL LENDING SYSTEM
111 |         </h3>
112 |         <p>Created a web platform to provide a Digitalized way of purchasing
113 |             and lending the products by providing a user and admin module
114 |             system , within the organization .
115 |             
116 |             </p>
117 |          
118 |             <img src="digital lending.jpeg" alt="refimg">
119 |             
120 |         
121 |     </section></a>
122 | 
123 |     <h1 class="intern-achiv">Internship and Achivements</h1>
124 |     <div class="internship">
125 |         <div class="inten">
126 |             <h2>Web development Internship in Coders Cave</h2>
127 |            
128 |                    
129 |                     <p>Atchived The experience on devoloping the Knowledge On <br> 
130 |                     webdevelopment via this intern provided by <a href="https://www.coderscave.in/">coderscave</a></p>
131 |                     <h4>Tasks completed</h4>
132 |                     
133 |                         <p><a href="https://github.com/Dheenadhayalan211203/Netflix-clone-webpage" target="_blank">Netflix clone page</a></p>
134 |                        <p> <a href="https://github.com/Dheenadhayalan211203/online_code_editor"  target="_blank">Online code editor</a></p>
135 |                         <p><a href="https://github.com/Dheenadhayalan211203/MY-portfolio"  target="_blank">Portfolio</a></p>
136 |                         <p><a href="https://github.com/Dheenadhayalan211203/link_shortner"  target="_blank">URL-Shortener</a></p>
137 |                    
138 |                    <a href="coderscave certificate.png" target="_blank"> <img class="cerimg" src="coderscave certificate.png" alt="certificate"></a>
139 |           
140 |         </div>
141 | 
142 |         <div class="inten">
143 |             <h2>Internship on chat GPT in Code Galata</h2>
144 |            
145 |                    
146 |                     <p>Gained The knowledge abot , how the chat bots works , <br> and also learned to
147 |                         built a new chat bot using the API keys provided by <a href="https://www.coderscave.in/" target="_blank">coderscave</a></p>
148 |                     <a href="chatgpt-cer.jpg" target="_blank">  <img class="cerimg" src="chatgpt-cer.jpg" alt="certificate" style="height:300px;"> </a>
149 |                     
150 |           
151 |         </div>
152 |     </div>
153 | 
154 |     <div class="achivement">
155 | 
156 |         <div class="achi">
157 |             <p>Selected as a Regional prefinale Member in <a href="https://youth.ictacademy.in/talk2023/en/" target="_blank">ICT YOUTH TALK 2023</a></p>
158 |             <a href="youthtalk.jpeg" target="_blank"><img src="youthtalk.jpeg"></a>
159 |         </div>
160 | 
161 |         <div class="achi2">
162 |             <p>Won first prize in Next founders Event 2023</p>
163 |             <a href="nxtfndrs.jpeg" target="_blank"> <img src="nxtfndrs.jpeg"></a>
164 |         </div>
165 | 
166 |     </div>
167 |     <center>
168 |     <footer>
169 |        
170 |         <div class="copyright">
171 | 
172 |             <p>&copy; Copyrights Reserved To Dheenadhayalan S</p>
173 | 
174 |         </div>
175 |    
176 |        
177 |         
178 |     </footer>
179 | </center>
180 | </body>
181 | </html>


--------------------------------------------------------------------------------