├── styles2.css ├── styles1.css ├── index1.html ├── styles.css ├── index2.html └── index.html /styles2.css: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | HTML Calculator 6 | 7 | 8 | -------------------------------------------------------------------------------- /styles1.css: -------------------------------------------------------------------------------- 1 | * { 2 | box-sizing: border-box; 3 | margin: 0; 4 | padding: 0; 5 | } 6 | 7 | body { 8 | font-family: Arial, sans-serif; 9 | line-height: 1.6; 10 | } 11 | 12 | header { 13 | background: #333; 14 | color: #fff; 15 | padding: 20px; 16 | text-align: center; 17 | } 18 | 19 | nav ul { 20 | list-style: none; 21 | padding: 0; 22 | } 23 | 24 | nav ul li { 25 | display: inline; 26 | margin: 0 15px; 27 | } 28 | 29 | nav a { 30 | color: #fff; 31 | text-decoration: none; 32 | } 33 | 34 | .hero { 35 | background: #f4f4f4; 36 | padding: 60px 20px; 37 | text-align: center; 38 | } 39 | 40 | .cta-button { 41 | background: #5cb85c; 42 | color: white; 43 | padding: 10px 20px; 44 | text-decoration: none; 45 | border-radius: 5px; 46 | } 47 | 48 | .feature-grid { 49 | display: flex; 50 | justify-content: space-around; 51 | margin: 20px 0; 52 | } 53 | 54 | .feature { 55 | background: #e2e2e2; 56 | padding: 20px; 57 | width: 30%; 58 | text-align: center; 59 | } 60 | 61 | footer { 62 | background: #333; 63 | color: white; 64 | text-align: center; 65 | padding: 20px; 66 | position: relative; 67 | } 68 | -------------------------------------------------------------------------------- /index1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | PACK YOUR BAGS 8 | 9 | 10 |
11 |

PACK YOUR BAGS

12 | 19 |
20 | 21 |
22 |

Time to pack your bags.

23 |

Discover amazing features that make your life easier.

24 | Get Started 25 |
26 | 27 |
28 |

Features

29 |
30 |
31 |

Sofisticated travel.

32 |
33 |
34 |

Pocket friendly.

35 |
36 |
37 |
38 | 39 |
40 |

About Us

41 |

We are dedicated to providing the best service possible.

42 |
43 | 44 | 48 | 49 | 50 | -------------------------------------------------------------------------------- /styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: Arial, sans-serif; 3 | line-height: 1.6; 4 | margin: 0; 5 | padding: 0; 6 | } 7 | 8 | header { 9 | background: #333; 10 | color: #fff; 11 | padding: 20px; 12 | text-align: center; 13 | } 14 | 15 | nav ul { 16 | list-style: none; 17 | padding: 0; 18 | } 19 | 20 | nav ul li { 21 | display: inline; 22 | margin: 0 15px; 23 | } 24 | 25 | nav ul li a { 26 | color: #fff; 27 | text-decoration: none; 28 | } 29 | 30 | section { 31 | padding: 20px; 32 | margin: 10px; 33 | } 34 | 35 | h2 { 36 | border-bottom: 2px solid #333; 37 | } 38 | 39 | .project { 40 | margin-bottom: 20px; 41 | } 42 | 43 | blockquote { 44 | border-left: 4px solid #333; 45 | padding-left: 10px; 46 | margin: 10px 0; 47 | } 48 | 49 | form { 50 | display: flex; 51 | flex-direction: column; 52 | } 53 | 54 | label { 55 | margin-top: 10px; 56 | } 57 | 58 | input, textarea { 59 | padding: 10px; 60 | margin: 5px 0; 61 | border: 1px solid #ccc; 62 | border-radius: 4px; 63 | } 64 | 65 | button { 66 | margin-top: 10px; 67 | padding: 10px; 68 | background: #333; 69 | color: #fff; 70 | border: none; 71 | cursor: pointer; 72 | } 73 | 74 | button:hover { 75 | background: #555; 76 | } 77 | 78 | footer { 79 | text-align: center; 80 | padding: 10px; 81 | background: #333; 82 | color: #fff; 83 | } 84 | 85 | footer ul { 86 | list-style: none; 87 | padding: 0; 88 | } 89 | 90 | footer ul li { 91 | display: inline; 92 | margin: 0 10px; 93 | } 94 | 95 | -------------------------------------------------------------------------------- /index2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Calculator 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 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 |
17 | 18 |
47 | 48 | 49 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Portfolio 7 | 8 | 9 | 10 |
11 |

Hii! This is Priyangha.

12 |

I am Priyagha a student of Information technology.

13 | 22 |
23 | 24 |
25 |

I am a student at K.Ramakrishnan College of Engneering studying B.Tech Information Technology.I am a passionate software developer.

26 | Priyangha 27 |
28 | 29 |
30 |

Skills

31 | 38 |
39 | 40 |
41 |

Projects

42 |
43 |

Real-time student academic details with SMS alert

44 |

This project is focused on the development of a student academic result alert system using Short Service Message (SMS). The motivation behind the work was borne out of the numerous problems that students encounter before seeing their results.

45 |
46 | 47 |
48 |

Contact Me

49 |
50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 |
58 |

Email: priyangha2005@gmail.com

59 |

Phone:+91 6379899973

60 |
61 | 62 | 70 | 71 | 72 | 73 | 74 | 75 | --------------------------------------------------------------------------------