diff --git a/Dhanush/task1/Task One.html b/Dhanush/task1/Task One.html new file mode 100644 index 0000000..e7c33c8 --- /dev/null +++ b/Dhanush/task1/Task One.html @@ -0,0 +1,94 @@ + + + + + + Landing Page + + + + + + + +
+
+
+ +
+ +
+
+
+
+
+
+

Features

+

1: Comprehensive Food Database: Access detailed information on various foods, including nutritional content, health benefits, and meal ideas. Make informed dietary choices to support your fitness goals.

+

2: Personalized Diet Plans: Receive customized diet plans tailored to your unique fitness objectives, dietary preferences, and health requirements. Stay on track with easy-to-follow meal suggestions and shopping lists.

+

3: Nutrient Tracking: Monitor your daily nutrient intake with our intuitive tracking tools. Ensure you're meeting your dietary needs and maintaining a balanced diet for optimal health.

+

4: Sports and Fitness Guidance: Get expert advice on various sports and fitness activities. Learn about different exercises, training routines, and how to integrate sports into your fitness regimen effectively.

+

5: Progress Tracking: Keep track of your fitness journey with our progress tracking features. Record your workouts, monitor your improvements, and stay motivated by visualizing your achievements.

+

6: Health Insights and Tips: Stay informed with regular updates on the latest health trends, fitness tips, and expert advice. Empower yourself with the knowledge to make healthier lifestyle choices.

+

7: Community Support: Join a supportive community of fitness enthusiasts. Share your progress, exchange tips, and find motivation from like-minded individuals on their fitness journeys.

+
+
+
+
+

Testimonial

+
+
+

"Zenithfitness has completely transformed my approach to fitness and nutrition. The personalized diet plans and nutrient tracking tools have helped me stay on top of my health goals. The community support is an added bonus, keeping me motivated every step of the way!"

+

- Sai Satish

+
+
+

"I love the comprehensive food database and the expert advice on sports and fitness. Zenithfitness makes it easy to integrate healthy habits into my daily routine. I've seen significant improvements in my overall well-being since using the app."

+

- Raja Sekhar

+
+
+ + +
+
+
+

Contact Us

+

For more information or inquiries, please contact us:

+
+
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+
+
+ + + +
+
+
+ + + \ No newline at end of file diff --git a/Dhanush/task1/background/bg.jpg b/Dhanush/task1/background/bg.jpg new file mode 100644 index 0000000..cafe1f2 Binary files /dev/null and b/Dhanush/task1/background/bg.jpg differ diff --git a/Dhanush/task1/style.css b/Dhanush/task1/style.css new file mode 100644 index 0000000..e41b259 --- /dev/null +++ b/Dhanush/task1/style.css @@ -0,0 +1,211 @@ +hr{ + width: 10%; + margin-top: 01%; + border-top: 3px solid coral; +} +body { + overflow-x: hidden; + font-family: Arial, sans-serif; + margin: 0; + } +nav{ + + display: flex; + top: 0; + left: 0; + width: 94%; +} +nav { + background-color: #333; + color: #fff; + display: flex; + justify-content: space-between; + align-items: center; + padding: 10px 20px; + } +body > nav{ + margin-top: 5px; + margin-right: 20px; + margin-left: 20px; + border-radius: 20px; + } + +.logo { + font-family: Arial, Helvetica, sans-serif; + font-size: 2rem; + font-weight: 900; + } + +.menu { + list-style-type: none; + padding: 0; + margin: 0; + display: flex; + } + +.menu li { + margin-right: 20px; + } + +.menu li:last-child { + margin-right: 0; + } + +.menu a { + color: #fff; + text-decoration: none; + transition: color 0.3s; + } + +.menu a:hover { + color: #ffcc00; + } + + .menu-icon { + display: none; + font-size: 1.5rem; + cursor: pointer; + } + +@media (max-width: 76px) { +.menu { + display: none; + flex-direction: column; + align-items: center; + width: 100%; + background-color: #333; + position: absolute; + top: 50px; + left: 0; + z-index: 1; + } + +.menu.active { + display: flex; + } + +.menu li { + margin: 10px 0; + } + +.menu-icon { + display: block; + } + +} +body > main > div > img{ + margin-top: 10%; + margin-left: 1%; + margin-right: 1%; + width: 100%; + height: 400px; + border-radius: 20px; + object-fit: cover; +} +body > main > div > div{ + align-content: center; + font-size: larger; + position: absolute; + top: 80%; + left: 50%; + transform: translate(-50%, -50%); + color: rgb(255, 255, 255); +} +body > main > div > div > h1,p{ + background-color: rgb(27, 26, 26); +} +.text-container { + + margin-left: 45%; + width: 135px; + overflow: hidden; + margin-top: 1% +} +h2{ + font-size: xx-large; +} +body > section > div > p:nth-child(n){ + font-weight: 550; + margin-left: 5%; + white-space: pre-line; + background-color: white; +} +#testimonial > h2{ + margin-left: 43%; + width: 200px; + overflow: hidden; + margin-top: 1% +} +.testimonial-container { + max-width: 600px; + margin: 5% auto; + padding: 20px; + border: 1px solid #ccc; + border-radius: 8px; + background-color: #f9f9f9; +} +.testimonial { + margin-bottom: 20px; +} +.testimonial p { + font-style: italic; + color: #666; + background-color: #f9f9f9; +} +.testimonial-author { + font-weight: bold; + color: #333; +} +#contact > h2{ + margin-left: 43%; + width: 200px; + overflow: hidden; + margin-top: 1% +} +#contact > p:nth-child(n){ + margin-left: 35%; + font-weight: 550; + background-color: white; +} +.contact-form { + max-width: 400px; + margin: 0 auto; + padding: 20px; + border: 1px solid #ccc; + border-radius: 8px; + background-color: #f9f9f9; +} +.form-group { + margin-bottom: 20px; +} +.form-group label { + display: block; + font-weight: bold; + margin-bottom: 5px; +} +.form-group input[type="text"], +.form-group input[type="email"], +.form-group textarea { + width: 100%; + padding: 8px; + border: 1px solid #ccc; + border-radius: 5px; + box-sizing: border-box; +} +.form-group textarea { + height: 100px; +} +.form-group button { + padding: 10px 20px; + background-color: #0085ff; + color: #fff; + border: none; + border-radius: 5px; + cursor: pointer; +} +.contact-icons{ + margin-left: 45%; + margin-right: 45%; + padding-top: 5%; + padding: auto;; +} \ No newline at end of file diff --git a/Dhanush/task2/Gallery.html b/Dhanush/task2/Gallery.html new file mode 100644 index 0000000..8d6c173 --- /dev/null +++ b/Dhanush/task2/Gallery.html @@ -0,0 +1,84 @@ + + + + + + Ligthbox-Enabled Gallery + + + + + +

Nature Gallery

+
+ + + + + + + + + + + + + + + + + + + + + + +
+ + + + + \ No newline at end of file diff --git a/Dhanush/task2/pics/1.jpg b/Dhanush/task2/pics/1.jpg new file mode 100644 index 0000000..ffb3006 Binary files /dev/null and b/Dhanush/task2/pics/1.jpg differ diff --git a/Dhanush/task2/pics/10.jpg b/Dhanush/task2/pics/10.jpg new file mode 100644 index 0000000..dc5784c Binary files /dev/null and b/Dhanush/task2/pics/10.jpg differ diff --git a/Dhanush/task2/pics/11.jpg b/Dhanush/task2/pics/11.jpg new file mode 100644 index 0000000..05f6128 Binary files /dev/null and b/Dhanush/task2/pics/11.jpg differ diff --git a/Dhanush/task2/pics/12.jpg b/Dhanush/task2/pics/12.jpg new file mode 100644 index 0000000..1f8a866 Binary files /dev/null and b/Dhanush/task2/pics/12.jpg differ diff --git a/Dhanush/task2/pics/2.jpg b/Dhanush/task2/pics/2.jpg new file mode 100644 index 0000000..95d8555 Binary files /dev/null and b/Dhanush/task2/pics/2.jpg differ diff --git a/Dhanush/task2/pics/3.jpg b/Dhanush/task2/pics/3.jpg new file mode 100644 index 0000000..b0ab02e Binary files /dev/null and b/Dhanush/task2/pics/3.jpg differ diff --git a/Dhanush/task2/pics/4.jpg b/Dhanush/task2/pics/4.jpg new file mode 100644 index 0000000..c13dcc2 Binary files /dev/null and b/Dhanush/task2/pics/4.jpg differ diff --git a/Dhanush/task2/pics/5.jpg b/Dhanush/task2/pics/5.jpg new file mode 100644 index 0000000..391672d Binary files /dev/null and b/Dhanush/task2/pics/5.jpg differ diff --git a/Dhanush/task2/pics/6.jpg b/Dhanush/task2/pics/6.jpg new file mode 100644 index 0000000..f3a55fc Binary files /dev/null and b/Dhanush/task2/pics/6.jpg differ diff --git a/Dhanush/task2/pics/7.jpg b/Dhanush/task2/pics/7.jpg new file mode 100644 index 0000000..0a61a37 Binary files /dev/null and b/Dhanush/task2/pics/7.jpg differ diff --git a/Dhanush/task2/pics/8.jpg b/Dhanush/task2/pics/8.jpg new file mode 100644 index 0000000..0de4772 Binary files /dev/null and b/Dhanush/task2/pics/8.jpg differ diff --git a/Dhanush/task2/pics/9.jpg b/Dhanush/task2/pics/9.jpg new file mode 100644 index 0000000..8dc33f2 Binary files /dev/null and b/Dhanush/task2/pics/9.jpg differ diff --git a/Dhanush/task3/index.html b/Dhanush/task3/index.html new file mode 100644 index 0000000..e876535 --- /dev/null +++ b/Dhanush/task3/index.html @@ -0,0 +1,62 @@ + + + + + + Past Web Development Projects + + + +
+

Portfolio

+
+ +
+
+

Project 1: Simple Landing Page

+

Our responsive landing page is designed to provide an optimal viewing and interaction experience across a wide range of devices,
from desktop computers to mobile phones. With a clean and modern design, the landing page effectively conveys essential information and encourages user engagement.

+ p.ss/Screenshot (92).png +

Technologies used: HTML, CSS

+ Live Preview / GitHub Repository +
+ +
+

Project 2: Photo Gallery

+

Nature photo gallery provides a stunning showcase for your images, delivering an immersive viewing experience that captivates
audiences across all devices. Seamlessly integrating with your website, this gallery enhances visual storytelling and elevates user engagement to new heights.

+ p.ss/Screenshot (93).png +

Technologies used: HTML, CSS, JavaScript

+ Live Preview / GitHub Repository +
+ +
+

Project 3: Student Enrollment Form

+

Student Enrollment Form simplifies the process of capturing essential information from prospective students, streamlining enrollment
procedures for educational institutions. Designed with user convenience and administrative efficiency in mind, this form offers a seamless experience for both applicants and admissions teams.

+ p.ss/Screenshot (94).png +

Technologies used: HTML, CSS, JavaScript

+ Live Preview / GitHub Repository +
+ +
+

Project 4: To-Do List

+

To-Do List application is a powerful tool for organizing tasks and managing productivity effectively. Whether you're tackling daily
chores, planning projects, or tracking long-term goals, this intuitive application simplifies task management and helps you stay focused on what matters most.

+ p.ss/Screenshot (95).png +

Technologies used: HTML, CSS, JavaScript

+ Live Preview / GitHub Repository +
+ +
+

Project 5: Calculator

+

Interactive Calculator is a versatile tool for performing basic arithmetic operations with ease and accuracy. Whether you're
solving simple equations or complex mathematical problems, this intuitive calculator simplifies calculations and enhances productivity.

+ p.ss/Screenshot (96).png +

Technologies used: HTML, CSS, JavaScript

+ Live Preview / GitHub Repository +
+ + +
+ + + + \ No newline at end of file diff --git a/Dhanush/task3/p.ss/Screenshot (92).png b/Dhanush/task3/p.ss/Screenshot (92).png new file mode 100644 index 0000000..d9752ff Binary files /dev/null and b/Dhanush/task3/p.ss/Screenshot (92).png differ diff --git a/Dhanush/task3/p.ss/Screenshot (93).png b/Dhanush/task3/p.ss/Screenshot (93).png new file mode 100644 index 0000000..00aa789 Binary files /dev/null and b/Dhanush/task3/p.ss/Screenshot (93).png differ diff --git a/Dhanush/task3/p.ss/Screenshot (94).png b/Dhanush/task3/p.ss/Screenshot (94).png new file mode 100644 index 0000000..6b5bd61 Binary files /dev/null and b/Dhanush/task3/p.ss/Screenshot (94).png differ diff --git a/Dhanush/task3/p.ss/Screenshot (95).png b/Dhanush/task3/p.ss/Screenshot (95).png new file mode 100644 index 0000000..b4c7493 Binary files /dev/null and b/Dhanush/task3/p.ss/Screenshot (95).png differ diff --git a/Dhanush/task3/p.ss/Screenshot (96).png b/Dhanush/task3/p.ss/Screenshot (96).png new file mode 100644 index 0000000..fe31e3e Binary files /dev/null and b/Dhanush/task3/p.ss/Screenshot (96).png differ diff --git a/Dhanush/task3/p.ss/hfhfh.png b/Dhanush/task3/p.ss/hfhfh.png new file mode 100644 index 0000000..d43cdad Binary files /dev/null and b/Dhanush/task3/p.ss/hfhfh.png differ diff --git a/Dhanush/task3/p.ss/hshs.png b/Dhanush/task3/p.ss/hshs.png new file mode 100644 index 0000000..f845db0 Binary files /dev/null and b/Dhanush/task3/p.ss/hshs.png differ diff --git a/Dhanush/task3/styles.css b/Dhanush/task3/styles.css new file mode 100644 index 0000000..c52c2c7 --- /dev/null +++ b/Dhanush/task3/styles.css @@ -0,0 +1,57 @@ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; +} +img { + width: 1000px; /* Adjust the width of the image as needed */ + height: auto; + border: 10px solid #ccc; + border-radius: 10px; + transition: transform 0.3s ease; + display: block; + margin-left: auto; + margin-right: auto; + width: 65%; +} + +img:hover { + transform: translate(5px, 5px); /* Adjust the amount of movement as needed */ +} + +header { + background-color: #8e91f1; + color: #fff; + padding: 20px; + text-align: center; +} + +main { + padding: 20px; +} + +.project { + margin-bottom: 40px; +} + +.project h2 { + font-size: 24px; + margin-bottom: 10px; +} + +.project p { + margin-bottom: 10px; +} + +.project img { + max-width: 100%; + height: auto; + margin-bottom: 10px; +} + +footer { + background-color: #7fa7e2; + color: #fff; + text-align: center; + padding: 10px 0; +} diff --git a/Dhanush/task4/index (1).html b/Dhanush/task4/index (1).html new file mode 100644 index 0000000..db5084c --- /dev/null +++ b/Dhanush/task4/index (1).html @@ -0,0 +1,177 @@ + + + + + +Student Enrollment Form + + + + +

Student Enrollment Form

+ +
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+ +
+
+
+
+
+
+
+ + +
+ + + + + \ No newline at end of file