Skip to content

Commit

Permalink
done
Browse files Browse the repository at this point in the history
  • Loading branch information
@PRATHIT22BCE0538
PRATHIT22BCE0538 committed Feb 28, 2024
1 parent af2fe3a commit 57af19f
Show file tree
Hide file tree
Showing 13 changed files with 1,673 additions and 0 deletions.
Binary file added .DS_Store
View file
Binary file not shown.
77 changes: 77 additions & 0 deletions 22BCE0538 mini project/Index.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,77 @@
body{
position: relative;
background: url(ass1/WhatsApp\ Image\ 2024-02-23\ at\ 21.52.26_42672f1c.jpg) no-repeat;
background-size: cover;
font-family: Arial, Helvetica, sans-serif;
}
.menu{
display: flex;
flex-direction: row;
/* justify-content: center; */
align-items: center;
position: fixed;
height: 120px;
top: 20px;
right: 20px;
left: 20px;
border-radius: 10px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}
.menu1{
display: flex;
flex-direction: row;
justify-content: space-between;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
position: absolute;
}
.left{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-right: 400px;
top: 10px;
left: 10px;
bottom: 10px;
border-radius: 10px;
}
.left a:hover{
background-color: white;
box-shadow: 5px 5px 10px 3px rgba(0,0,0,0.8) ;
}
.left a{
color: rgb(0, 0, 0);
font-size: 33px;
font-weight: bold;
text-decoration: none;
padding: 14px 20px;
box-shadow: 5px 5px 10px 3px rgba(0,0,0,0.8) inset;
border-radius: 10px;
transition: all 0.2s linear;
}
.right{
display: flex;
flex-direction: row;
flex: 1;
justify-content: space-around;
border-radius: 10px;
align-items: center;
top: 10px;
bottom: 10px;
right: 10px;
}
.right a{
color: rgb(0, 0, 0);
font-size: 24px;
text-decoration: none;
padding: 14px 30px;
transition: all 0.2s linear;
}
.right a:hover{
box-shadow: 1px 1px 4px rgba(0,0,0,0.8);
border-radius: 10px;
}
/* team_page css */
25 changes: 25 additions & 0 deletions 22BCE0538 mini project/Index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
<html>
<head>
<title>
Home
</title>
<link rel="stylesheet" href="Index.css" type="text/css">
</head>
<body>
<div class="menu">
<div class="menu1">
<div class="left">
<a href="#">Fluffy Friends</a>
</div>
<div class="right">
<a href="Index.html">Home</a>
<a href="team_page.html">Team</a>
<a href="aboutus.html">About Us</a>
<a href="requirements.html">Requirments</a>
<a href="module_page.html">Module</a>
<a href="contact_us.html">Contact</a>
</div>
</div>
</div>
</body>
</html>
250 changes: 250 additions & 0 deletions 22BCE0538 mini project/aboutus.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,250 @@
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
position: relative;
background: url(Untitledanuj.png) no-repeat;
background-size: cover;
background-color: lightslategray;
animation: background-gradient 10s ease infinite;
}
.menu{
display: flex;
flex-direction: row;
/* justify-content: center; */
background-color: white;
text-align: center;
align-items: center;
position: fixed;
height: 120px;
top: 20px;
right: 20px;
left: 20px;
border-radius: 10px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
font-weight: 700;
}
.menu1{
display: flex;
flex-direction: row;
justify-content: space-between;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
position: absolute;
}
.left{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-right: 400px;
top: 10px;
left: 10px;
bottom: 10px;
border-radius: 10px;
}
.left a:hover{
background-color: white;
box-shadow: 5px 5px 10px 3px rgba(0,0,0,0.8) ;
}
.left a{
color: rgb(0, 0, 0);
font-size: 33px;
font-weight: bold;
text-decoration: none;
padding: 14px 20px;
box-shadow: 5px 5px 10px 3px rgba(0,0,0,0.8) inset;
border-radius: 10px;
transition: all 0.2s linear;
}
.right{
display: flex;
flex-direction: row;
flex: 1;
justify-content: space-around;
border-radius: 10px;
align-items: center;
top: 10px;
bottom: 10px;
right: 10px;
}
.right a{
color: rgb(0, 0, 0);
font-size: 24px;
font-weight: 700;
text-decoration: none;
padding: 14px 30px;
transition: all 0.2s linear;
}
.right a:hover{
box-shadow: 1px 1px 4px rgba(0,0,0,0.8);
border-radius: 10px;
}
@keyframes background-gradient {
0% {
background-color: rgb(143, 143, 143);
}
25% {
background-color: rgb(89, 89, 89);
}
50% {
background-color: rgb(40, 40, 40);
}
75% {
background-color: rgb(89, 89, 89);
}
100% {
background-color: rgb(143, 143, 143);
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
h1 {
color: #fa3d3d;
transition: transform 0.5s ease;
}
h1:hover {
transform: rotateZ(-5deg);
cursor: pointer;
}
section {
position: relative;
top: 200px;
max-width: 1200px;
height: px;
margin: 20px auto;
padding: 20px;
background-color: darkgrey;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
animation: pulse 10s ease infinite;
z-index: -1;
}
@media only screen and (max-width: 740px) {
.left
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-right: 50px;
top: 10px;
left: 10px;
bottom: 10px;
border-radius: 10px;
}
.right a{
color: rgb(0, 0, 0);
font-size: 9px;
text-decoration: none;
padding: 8px 20px;
transition: all 0.2s linear;
}
.left a{
color: rgb(0, 0, 0);
font-size: 15px;
font-weight: bold;
text-decoration: none;
padding: 10px 16px;
box-shadow: 5px 5px 10px 3px rgba(0,0,0,0.8) inset;
border-radius: 10px;
transition:all 0.2s linear;
}
section {
position: relative;
top: 180px;
max-width: 500px;
margin-left: 60px;
padding: 20px;
background-color: darkgrey;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
animation: pulse 10s ease infinite;
}
}

@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}

h1 {
color: #fa3d3d;
animation: wobble 1s ease-in-out infinite alternate;
}



h2 {
color: #333;
transition: color 0.3s ease;
animation: zoomIn 0.5s ease;
}

@keyframes zoomIn {
0% {
opacity: 0;
transform: scale(0.5);
}
100% {
opacity: 1;
transform: scale(1);
}
}

.features-list {
list-style: none;
padding: 0;

}

.team-section {
margin-top: 20px;
background-color: darkgrey;
padding: 10px;
border-radius: 8px;
text-align: center;
animation: fadeInUp 1s ease;
}

@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}

.team-member {
display: inline-block;
padding: 10px;
margin: 5px;
background-color: #add8e6;
border-radius: 5px;
transition: background-color 0.3s ease, font-size 0.3s ease;
animation: rotate 2s
}

.team-member:hover {
background-color: #87ceeb;
font-size: 1.7em;
cursor: pointer;
}
38 changes: 38 additions & 0 deletions 22BCE0538 mini project/aboutus.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Fluffy Friends</title>
<link rel="stylesheet" href="aboutus.css" type="text/css">
</head>
<body>
<div class="menu">
<div class="menu1">
<div class="left">
<a href="#">Fluffy Friends</a>
</div>
<div class="right">
<a href="Index.html">Home</a>
<a href="team_page.html">Team</a>
<a href="aboutus.html">About Us</a>
<a href="requirements.html">Requirments</a>
<a href="module_page.html">Module</a>
<a href="contact_us.html">Contact</a>
</div>
</div>
</div>
<section>
<h2>About Us</h2>
<p>Welcome to Fluffy Friends, where we've created a holistic solution for pet owners to manage all aspects of their pet's care in one place. Our platform integrates key features from Virtual Vet Consultation, Pet Health Tracker, and Pet Adoption Platform to provide you with the ultimate pet care experience.</p>

<h2>Key Features</h2>
<ul class="features-list">
<li>Virtual Vet Consultation: Schedule video calls and chat with veterinarians. Manage prescriptions seamlessly.</li>
<li>Pet Health Tracker: Maintain health records, track vaccinations, and receive personalized health tips.</li>
<li>Pet Adoption Platform: Connect with nearby shelters, schedule vet checkups, and facilitate the adoption process.</li>
</ul>

<h2>Why Choose Fluffy Friends?</h2>
<p>Our platform offers a comprehensive solution, streamlined communication, and an enhanced adoption process. We believe in making pet care easy, accessible, and enjoyable for every pet owner.</p>
</section>
</body>
</html>
Loading

0 comments on commit 57af19f

Please sign in to comment.