├── C.jpg ├── me.jpg ├── hme.png ├── java.png ├── logo.png ├── port.png ├── sql.png ├── work.png ├── image.png ├── images.jpg ├── instagram.jpg ├── GitHub-Logo.png ├── LinkedIn_logo.png ├── PARITHIRENGARAJAN (1).png ├── Task 2-Landing page ├── g.jpg ├── h.webp ├── vr.jpg ├── logo.png ├── Reality.png ├── Task 2.zip ├── images.jpg ├── Virtual.jpeg ├── background.png ├── vr-removebg.png ├── logo-facebook.jpg ├── cusor.html ├── asty.css ├── about.html ├── home.html └── home.css ├── Task 3-Simple calculator ├── Screenshot 2024-08-15 114832.jpg ├── Screenshot 2024-08-19 202759.jpg ├── calculator.css └── calculator.html ├── h.css ├── astyle.css ├── hire.html ├── about.html ├── portfolio.html └── style.css /C.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/C.jpg -------------------------------------------------------------------------------- /me.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/me.jpg -------------------------------------------------------------------------------- /hme.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/hme.png -------------------------------------------------------------------------------- /java.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/java.png -------------------------------------------------------------------------------- /logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/logo.png -------------------------------------------------------------------------------- /port.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/port.png -------------------------------------------------------------------------------- /sql.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/sql.png -------------------------------------------------------------------------------- /work.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/work.png -------------------------------------------------------------------------------- /image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/image.png -------------------------------------------------------------------------------- /images.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/images.jpg -------------------------------------------------------------------------------- /instagram.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/instagram.jpg -------------------------------------------------------------------------------- /GitHub-Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/GitHub-Logo.png -------------------------------------------------------------------------------- /LinkedIn_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/LinkedIn_logo.png -------------------------------------------------------------------------------- /PARITHIRENGARAJAN (1).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/PARITHIRENGARAJAN (1).png -------------------------------------------------------------------------------- /Task 2-Landing page/g.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/Task 2-Landing page/g.jpg -------------------------------------------------------------------------------- /Task 2-Landing page/h.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/Task 2-Landing page/h.webp -------------------------------------------------------------------------------- /Task 2-Landing page/vr.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/Task 2-Landing page/vr.jpg -------------------------------------------------------------------------------- /Task 2-Landing page/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/Task 2-Landing page/logo.png -------------------------------------------------------------------------------- /Task 2-Landing page/Reality.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/Task 2-Landing page/Reality.png -------------------------------------------------------------------------------- /Task 2-Landing page/Task 2.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/Task 2-Landing page/Task 2.zip -------------------------------------------------------------------------------- /Task 2-Landing page/images.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/Task 2-Landing page/images.jpg -------------------------------------------------------------------------------- /Task 2-Landing page/Virtual.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/Task 2-Landing page/Virtual.jpeg -------------------------------------------------------------------------------- /Task 2-Landing page/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/Task 2-Landing page/background.png -------------------------------------------------------------------------------- /Task 2-Landing page/vr-removebg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/Task 2-Landing page/vr-removebg.png -------------------------------------------------------------------------------- /Task 2-Landing page/logo-facebook.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/Task 2-Landing page/logo-facebook.jpg -------------------------------------------------------------------------------- /Task 3-Simple calculator/Screenshot 2024-08-15 114832.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/Task 3-Simple calculator/Screenshot 2024-08-15 114832.jpg -------------------------------------------------------------------------------- /Task 3-Simple calculator/Screenshot 2024-08-19 202759.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Parithirengarajan/CodSoft/HEAD/Task 3-Simple calculator/Screenshot 2024-08-19 202759.jpg -------------------------------------------------------------------------------- /Task 2-Landing page/cusor.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | css 4 | 5 | 6 |

move the mouse

7 |
auto
8 |
crosshair
9 |
pointer
10 | 11 | -------------------------------------------------------------------------------- /Task 2-Landing page/asty.css: -------------------------------------------------------------------------------- 1 | body{ 2 | background-image: url('g.jpg'); 3 | background-repeat: no-repeat; 4 | background-size: cover; 5 | text-align: center; 6 | } 7 | p{ 8 | font-size: 30px; 9 | font-weight: bolder; 10 | font-family: 'sans-serif'; 11 | color: antiquewhite; 12 | } 13 | h1{ 14 | font-weight: bolder; 15 | color: lawngreen; 16 | font-size: 70px; 17 | } 18 | button{ 19 | background: black; 20 | padding: 10px 18px; 21 | text-decoration: none; 22 | font-weight: bold; 23 | color:#fff 24 | dispay:inline-block; 25 | margin:30px o; 26 | border-radius: 5px; 27 | } -------------------------------------------------------------------------------- /h.css: -------------------------------------------------------------------------------- 1 | 2 | .form-container{ 3 | display: flex; 4 | justify-content: center; 5 | align-items: center; 6 | border: #333; 7 | 8 | } 9 | 10 | h1 { 11 | display: flex; 12 | justify-content: center; 13 | align-items: center; 14 | font-size: 70px; 15 | 16 | 17 | } 18 | .clr h2{ 19 | font-size: 30px; 20 | font-family:Georgia;; 21 | } 22 | h2 span{ 23 | color:red; 24 | } 25 | span{ 26 | color:yellow; 27 | } 28 | body{ 29 | background-image: url('hme.png'); 30 | background-size: cover; 31 | background-position: center; 32 | } 33 | 34 | #me{ 35 | background: rgba(255, 255, 255, 0.852); 36 | padding: 20px; 37 | margin: 20px; 38 | border-radius: 8px; 39 | color: #333; 40 | max-width: 600px; 41 | margin: 0 auto; 42 | } -------------------------------------------------------------------------------- /astyle.css: -------------------------------------------------------------------------------- 1 | .sec2{ 2 | margin-left: 8%; 3 | margin-top: 13%; 4 | 5 | 6 | } 7 | 8 | 9 | .sec2 h1{ 10 | font-size: 60px; 11 | font-family:Georgia; 12 | margin-bottom: 20px; 13 | } 14 | 15 | span{ 16 | color:blueviolet; 17 | } 18 | 19 | .sec2 p{ 20 | line-height: 22px; 21 | 22 | } 23 | 24 | .sec2 button a{ 25 | text-decoration:none; 26 | color:black; 27 | font-weight: bold; 28 | } 29 | 30 | 31 | 32 | .sec2 img{ 33 | background-color: silver; 34 | width: 10%; 35 | height: 15%; 36 | position: relative; 37 | } 38 | 39 | .images{ 40 | width:45%; 41 | height:80%; 42 | position: absolute; 43 | bottom: 0%; 44 | top:20%; 45 | right: 50px; 46 | 47 | } 48 | 49 | .images img{ 50 | height: 100%; 51 | width: 100%; 52 | position:relative; 53 | left:70%; 54 | top:10%; 55 | transform:translate(-50%); 56 | transition: bottom 1s,left 1s; 57 | } 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | -------------------------------------------------------------------------------- /Task 2-Landing page/about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | about 4 | 5 | 6 | 7 |

About

8 |

We're passionate about pushing the boundaries of immersive storytelling. 9 |
Our team of talented creators and developers are dedicated to crafting unforgettable virtual reality experiences. With a focus on innovation and quality, we strive to transport you to extraordinary worlds and ignite your imagination. 10 |
Our mission is to create VR content that not only entertains but also inspires and connects people on a deeper level. 11 |
We specialize in creating high-quality VR content and experiences tailored to your needs. Whether you’re looking for a thrilling gaming adventure, an engaging educational module, or a unique way to showcase your business, we have the expertise to bring your vision to reality.

12 | 15 | 16 | -------------------------------------------------------------------------------- /hire.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Hire me 4 | 5 | 6 | 7 |
8 |
9 |

Hire me

10 |
11 |
12 |
13 |

Name:Parithirengarajan

14 |
15 |

Location:Trichy

16 |

Contact:7890564722

17 |

Mail:monish06@gmail.com


18 | 19 | 20 |
21 |
22 |
23 |

Social media

24 | 25 | 26 | 27 |
28 |
29 | 30 | 31 | -------------------------------------------------------------------------------- /about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | About me 4 | 5 | 6 | 7 |
8 |

I'm Parithirengarajan

9 |

This is my official portfolio website. 10 |
I'm a Student studying B.tech Informtion Technology in K.Ramakrishnan College of Engineering,Trichy. 11 |
Current I'm studying in 3rd year. 12 |

13 |

Skills

14 | 15 |
16 |
17 |
18 | 19 |
20 |
21 |
22 |

Achievements

23 | 29 | 30 |
31 | 32 | -------------------------------------------------------------------------------- /portfolio.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Portfolio website 4 | 5 | 6 |
7 | 16 |
17 |

I'm Parithirengarajan

18 |

This is my official portfolio website. 19 |
I attached my resume and other details in my website 20 |
I'm open to work and developing my Knowledge and learn new things 21 | 22 |

23 | 24 | 25 | 26 | 27 |
28 |
29 | 30 |
31 |
32 | 33 | 34 |
35 | 36 | 37 | -------------------------------------------------------------------------------- /Task 3-Simple calculator/calculator.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin:0; 3 | padding:0; 4 | font-family:'Poppins',sans-serif; 5 | box-sizing:border-box; 6 | 7 | } 8 | 9 | .container{ 10 | width:100%; 11 | height: 100vh; 12 | background-image: url('images.jpg'); 13 | display: flex; 14 | align-items: center; 15 | justify-content: center; 16 | 17 | } 18 | 19 | .calculator{ 20 | background: black; 21 | padding: 20px; 22 | border-radius: 10px; 23 | } 24 | .calculator form input{ 25 | border: 0; 26 | outline: 0; 27 | width: 60px; 28 | height: 60px; 29 | border-radius: 10px; 30 | box-shadow: -8px -8px 15px rgba(255,255,255,0.1),5px 5px 15px rgba(0,0,0,0.2); 31 | background: transparent; 32 | font-size: 20px; 33 | color:#fff; 34 | cursor:pointer; 35 | margin:10px; 36 | } 37 | 38 | form .display{ 39 | display: flex; 40 | justify-content: flex-end; 41 | margin: 20px 0; 42 | } 43 | 44 | form .display input{ 45 | text-align: right; 46 | flex: 1; 47 | font-size: 45px; 48 | box-shadow: none; 49 | } 50 | form input.equal{ 51 | width: 145px; 52 | } 53 | h1{ 54 | font-weight: bold; 55 | font-size:60px; 56 | text-align: center; 57 | background-color: yellow; 58 | } 59 | body{ 60 | background-image: url('images.jpg'); 61 | } 62 | 63 | 64 | .socialicon ion-icon{ 65 | background: #fff; 66 | color:#2302c1; 67 | padding: .3rem; 68 | font-size: 1.2rem; 69 | border-radius: 50%; 70 | cursor: pointer; 71 | transition: .3s ease; 72 | } 73 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | { 2 | margin:0; 3 | padding:0; 4 | font-family:sans-serif; 5 | } 6 | 7 | .sec1{ 8 | position:absolute; 9 | width:100%; 10 | height:100vh; 11 | background:#eff4fd; 12 | } 13 | 14 | nav{ 15 | display:flex; 16 | width:84%; 17 | margin:auto; 18 | padding:20px 0; 19 | align-items:center; 20 | justify-content:space-between; 21 | 22 | } 23 | 24 | nav ul li{ 25 | display:inline-block; 26 | list-style: none; 27 | margin:10px 20px; 28 | 29 | } 30 | 31 | 32 | nav ul li a{ 33 | text-decoration:none; 34 | color:black; 35 | font-weight: bold; 36 | 37 | } 38 | 39 | nav ul li a:hover{ 40 | color:blue; 41 | } 42 | 43 | nav img{ 44 | width:20%; 45 | height:20%; 46 | position:relative; 47 | margin-right: 20%; 48 | } 49 | 50 | .cl2{ 51 | margin-left: 8%; 52 | margin-top: 13%; 53 | } 54 | 55 | .cl2 h1{ 56 | font-size: 60px; 57 | font-family:Georgia; 58 | margin-bottom: 20px; 59 | } 60 | 61 | span{ 62 | color:blueviolet; 63 | } 64 | 65 | .cl2 p{ 66 | line-height: 22px; 67 | } 68 | 69 | .images{ 70 | width:45%; 71 | height:80%; 72 | position: absolute; 73 | bottom: 0%; 74 | top:20%; 75 | right: 50px; 76 | 77 | } 78 | 79 | .cl2 button{ 80 | background: black; 81 | padding: 10px 18px; 82 | text-decoration: none; 83 | font-weight: bold; 84 | color:#fff 85 | dispay:inline-block; 86 | margin:30px o; 87 | border-radius: 5px; 88 | } 89 | 90 | .images img{ 91 | height: 100%; 92 | position:relative; 93 | left:50%; 94 | top:10%; 95 | transform:translate(-50%); 96 | transition: bottom 1s,left 1s; 97 | } 98 | 99 | 100 | .sec3 img{ 101 | width:3%; 102 | height: 5%; 103 | position: relative; 104 | } 105 | 106 | -------------------------------------------------------------------------------- /Task 2-Landing page/home.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | VR landing page 4 | 5 | 6 | 7 |
8 | 11 | 17 |
18 |
19 | 20 |
21 | 26 |
27 | 28 |
29 |

VR WORLD

30 |
31 | 34 | 37 |
38 |

Discover a realm of breathtaking visuals, captivating narratives, and interactive experiences. 39 |
From thrilling adventures to mind-bending simulations, our VR content transports you beyond imagination. 40 |
Unleash your sense of wonder as you explore the limitless possibilities of virtual reality.

41 |
42 |
43 | 44 | 45 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /Task 2-Landing page/home.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googlepls.com/css2?family=Montserrat:wght@500;800&display=swap") 2 | , 3 | ::before 4 | 5 | ::after{ 6 | box-sizing: border-box; 7 | padding: 0; 8 | margin: 0; 9 | } 10 | 11 | body{ 12 | height: 100vh; 13 | width: 100%; 14 | position: relative; 15 | overflow: hidden; 16 | font-family: 'Montaerrat,sans-serif'; 17 | background: #171115; 18 | color:#fff; 19 | background-image: url('background.png'); 20 | background-size: cover; 21 | background-size: no-repeat; 22 | 23 | 24 | } 25 | 26 | body::before{ 27 | content: ''; 28 | position: absolute; 29 | left: 0; 30 | right: 0; 31 | bottom: 0; 32 | top: 0; 33 | } 34 | 35 | header{ 36 | position: fixed; 37 | top: 0; 38 | width: 100%; 39 | padding-top: 1rem; 40 | display: flex; 41 | align-items: center; 42 | justify-content: space-between; 43 | z-index: 1; 44 | f 45 | } 46 | header img{ 47 | width: 90%; 48 | height: 90%; 49 | } 50 | header nav{ 51 | display:flex; 52 | gap: .4rem; 53 | justify-content: space-between; 54 | align-items: center; 55 | } 56 | header nav a{ 57 | text-decoration: none; 58 | color: inherit; 59 | font-size: .9rem; 60 | text-transform: capitalize; 61 | border-radius: 100vw; 62 | padding: .4rem 1rem; 63 | transition: .3s ease; 64 | font-family: 'Courier New', Courier, monospace; 65 | font-size: large; 66 | } 67 | header nav a:hover ,.q1{ 68 | background: #2302c1; 69 | } 70 | 71 | .main{ 72 | position:absolute; 73 | bottom:0%; 74 | right:-20em; 75 | width: 62%; 76 | 77 | } 78 | .socialicon{ 79 | display: flex; 80 | flex-direction: column; 81 | gap: 1rem; 82 | } 83 | .socialicon ion-icon{ 84 | background: #fff; 85 | color:#2302c1; 86 | padding: .3rem; 87 | font-size: 1.2rem; 88 | border-radius: 50%; 89 | cursor: pointer; 90 | transition: .3s ease; 91 | } 92 | .socialicon ion-icon:hover{ 93 | background: red; 94 | color:#fff 95 | } 96 | section{ 97 | position: absolute; 98 | inset: 0; 99 | display: flex; 100 | align-items: center; 101 | } 102 | section .content{ 103 | padding-left: 10%; 104 | } 105 | section .content h1{ 106 | font-size: 5rem; 107 | text-transform: uppercase; 108 | position: relative; 109 | } 110 | 111 | 112 | .buttonholder button{ 113 | background: black; 114 | padding: 10px 18px; 115 | text-decoration: none; 116 | font-weight: bold; 117 | color:#fff 118 | dispay:inline-block; 119 | margin:30px o; 120 | border-radius: 5px; 121 | 122 | } 123 | .buttonholder button:hover{ 124 | background: orangered; 125 | } 126 | section .content p{ 127 | font-size: 20px; 128 | width: 70%; 129 | font-family: 'Times New Roman', Times, serif; 130 | 131 | } -------------------------------------------------------------------------------- /Task 3-Simple calculator/calculator.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Simple Calculator 7 | 8 | 9 | 10 |

Simple Calculator using HTML & CSS

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 | 57 |
58 |
59 |
60 | 61 | 62 | 63 | 64 | --------------------------------------------------------------------------------