Skip to content
This repository was archived by the owner on Jun 29, 2024. It is now read-only.

Add files via upload #55

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Add files via upload #55

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
94 changes: 94 additions & 0 deletions Web-Development-Internship/Hariteja/Task1-Landingpage/Task One.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,94 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Landing Page</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/brands.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/fontawesome.min.css">
<link rel="stylesheet" href="style.css">

</head>
<body>
<nav>
<div class="logo">Zenith Fitness</div>

<label for="menu-toggle" class="menu-icon">&#9776;</label>
<ul class="menu">
<li><a href="#">Home</a></li>
<li><a href="#Features">Features</a></li>
<li><a href="#testimonial">Testimonial</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<hr>
<main>
<div class="">
<img src="background/bg.jpg" alt="">
<div class="hero-text">

</div>
</div>
</main>
<hr>
<section id="Features">
<div >
<h2 class="text-container">Features</h2>
<p class="multiline-text">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.</p>
<p>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.</p>
<p>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.</p>
<p>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.</p>
<p>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.</p>
<p>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.</p>
<p>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.</p>
</div>
</section>
<hr>
<section id="testimonial">
<h2>Testimonial</h2>
<div class="testimonial-container">
<div class="testimonial">
<p>"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!"</p>
<p class="testimonial-author">- Sai Satish</p>
</div>
<div class="testimonial">
<p>"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."</p>
<p class="testimonial-author">- Raja Sekhar</p>
</div>
</div>
</div>

</section>
<hr>
<section id="contact">
<h2 class="section-heading">Contact Us</h2>
<p class="section-content">For more information or inquiries, please contact us:</p>
<div class="contact-form">
<form action="#" method="post">
<div class="form-group">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
</div>
<div class="form-group">
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="message">Message:</label>
<textarea id="message" name="message" required></textarea>
</div>
<div class="form-group">
<button type="submit">Submit</button>
</div>
</form>
</div>
<div class="contact-icons">
<a href="https://www.linkedin.com/in/chejarla-sri-hari-teja/" target="_blank"><i class="fa-brands fa-linkedin" style="font-size: 30px;" ></i></a>
<a href="https://www.instagram.com/mr.self_respect11?igsh=OTF3eDFzcW8weHZz" target="_blank"><i class="fa-brands fa-instagram" style="font-size: 30px; margin-left: 10px;" ></i></a>
<a href="https://hariteja9908@gmail.com" target="_blank"><i class="fa-brands fa-google" style="font-size: 30px; margin-left: 10px;" ></i></a>
</div>
</section>
<hr>

</body>
</html>
Binary file added Web-Development-Internship/Hariteja/Task1-Landingpage/background/bg.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
211 changes: 211 additions & 0 deletions Web-Development-Internship/Hariteja/Task1-Landingpage/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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;;
}
84 changes: 84 additions & 0 deletions Web-Development-Internship/Hariteja/Task2-gallery/Gallery.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,84 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ligthbox-Enabled Gallery</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/css/lightgallery.min.css">
<style>
*{
margin: 0;
padding: 0;
box-sizing: border-box;
transition: all .2s linear;
}
body{
background: #432c2c;
}
.gallery{
display: flex;
justify-content: center;
flex-wrap: wrap;
width: 90%;
margin: 0 auto;
}
.gallery a{
height: 200px;
width: 300px;
margin: 20px;
border-radius: 5px;
overflow: hidden;
box-shadow: 0 3px 5px #000;
}
.gallery a img{
height: 100%;
width: 100%;
object-fit: cover;
}
.gallery a img:hover{
transform: scale(1.4);
}
h1{
font-size: 50px;
margin-top: 10;
color: #fff;
text-align: center;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
}
</style>
</head>
<body>

<h1>Nature Gallery</h1>
<div class="gallery">
<a href="pics/1.jpg"><img src="pics/1.jpg" alt=""></a>

<a href="pics/2.jpg"><img src="pics/2.jpg" alt=""></a>

<a href="pics/3.jpg"><img src="pics/3.jpg" alt=""></a>

<a href="pics/4.jpg"><img src="pics/4.jpg" alt=""></a>

<a href="pics/5.jpg"><img src="pics/5.jpg" alt=""></a>

<a href="pics/6.jpg"><img src="pics/6.jpg" alt=""></a>

<a href="pics/7.jpg"><img src="pics/7.jpg" alt=""></a>

<a href="pics/8.jpg"><img src="pics/8.jpg" alt=""></a>

<a href="pics/9.jpg"><img src="pics/9.jpg" alt=""></a>

<a href="pics/10.jpg"><img src="pics/10.jpg" alt=""></a>

<a href="pics/11.jpg"><img src="pics/11.jpg" alt=""></a>

</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery-js/1.4.0/js/lightgallery.min.js"></script>
<script>
lightGallery(document.querySelector('.gallery'));
</script>
</body>
</html>
Binary file added Web-Development-Internship/Hariteja/Task2-gallery/pics/1.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Web-Development-Internship/Hariteja/Task2-gallery/pics/10.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Web-Development-Internship/Hariteja/Task2-gallery/pics/11.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Web-Development-Internship/Hariteja/Task2-gallery/pics/12.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Web-Development-Internship/Hariteja/Task2-gallery/pics/2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Web-Development-Internship/Hariteja/Task2-gallery/pics/3.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Web-Development-Internship/Hariteja/Task2-gallery/pics/4.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Web-Development-Internship/Hariteja/Task2-gallery/pics/5.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Web-Development-Internship/Hariteja/Task2-gallery/pics/6.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Web-Development-Internship/Hariteja/Task2-gallery/pics/7.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Web-Development-Internship/Hariteja/Task2-gallery/pics/8.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Web-Development-Internship/Hariteja/Task2-gallery/pics/9.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading