Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@Bassel-69
Bassel-69 authored Jul 5, 2023
1 parent 34994f6 commit 3c4e95f
Show file tree
Hide file tree
Showing 64 changed files with 1,625 additions and 0 deletions.
182 changes: 182 additions & 0 deletions Website Project/Crewtopia.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,182 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Zootopia</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

</head>
<body>
<!------ Page Header ----->
<section class="crewtopia-header">
<nav>
<img src="images/LogoMakr-0nJa14.png" alt="website-logo">
<div class="nav-links" id="navLinks">
<i class="fa fa-times" onclick="hidemenu();"></i>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="Tickets.html">Tickets</a></li>
<li><a href="Crewtopia.html">Crewtopia</a></li>
</ul>
</div>
<i class="fa fa-bars" onclick="showmenu();"></i>

</nav>

<h1>Crewtopia</h1>

</section>

<!------ Crewtopia ------>

<section class="crewtopia">


<!----- first part starts ----->
<div class="row">
<div class="crew-col">
<h1>Closer Look at The Staff</h1>
<br>
<p>
We go beyond the staff concept to reach the family concept<br>
our crew is a small group of the family<br>
and our family includes your non-human friends which you're going to know more soon 😁<br>
</p>
</div>

<div class="crew-col">
<img src="images/Keeper-counting-lemurs-PR.jpg">
</div>
</div>
<!----- first part ends ----->

<!----- second part starts ----->
<div class="srow">

<div class="left-col">
<img src="images/Joe.jpg">
</div>

<div class="left-col">
<p class="second">As a family it is our responsibilty to take care of each other<br>
The thing is not just about a human taking care of an animal <br>
It is about two beings living in the same place every single day<br>
So we have to understand each other in order to solve any problem we may face along the road!<!--- complete the paragraph --->
</p>

</div>

</div>
<!----- second part ends ----->

<!----- third part starts ----->
<div class="row">

<div class="crew-col">
<p>The environment of our nonhuman friends is the most important thing in the Zoo<br>
for that we make sure that our staff get the optimum training by the hands of experts<br>
It is hard for them to adapt to their new home and here comes the job of our trained staff<br>
to make their new home as perfect as possible to let them feel like they never left.<!--- edit some of this paragraph --->
</p>
</div>

<div class="crew-col">
<img src="images/Sarah-Jones.jpeg">
</div>

</div>
<!----- third part ends ----->


<!----- fourth part starts ----->
<div class="srow2">

<div class="left-col2">
<img src="images/image.webp">
</div>

<div class="left-col2">
<p>It's very important for us to take care of our non-human family members health<br>
For this a very experienced and skilled veterinarian work with us<br>
By applying Periodically check we try to avoid any possible issue we could face on long or short term<br>
And give the right treat in the right time, just to keep them safe and healthy.
</p>

</div>

</div>



<!----- fourth part ends ----->
</section>



<!----- Footer ----->

<section class="footer">
<div class="ftr">
<h3>About Us</h3>
<p>We Are The Largest Zoo on Earth And for That We Consider Ourselves As A Nature Reserve On So Many Levels,Not Just for Our Home Size But For What We Offer for Its Family<br>
<b>Another Home, Another Planet</b></p>
<br>
<div class="Cus">
<p><i class="fa fa-envelope-o"></i> G-mail: <a class="Gmail" href="https://www.google.com">zootopia@gmail.com</a></p>
<p><i class="fa fa-phone"></i> Phone: +00 *** ***</p>
</div>
<br>
<a href="Tickets.html"class="Ticket">Get Your Ticket Now</a>
<br>
<div class="icons">
<i class="fa fa-facebook-official fa-2x"></i>
<i class="fa fa-twitter fa-2x"></i>
<i class="fa fa-pinterest fa-2x"></i>
<i class="fa fa-tumblr fa-2x"></i>
<i class="fa fa-instagram fa-2x"></i>
</div>

<div class="copyright">
&copy; 2022 All rights reserved for zootopia
<br>BSL
</div>

</div>
</section>















<!---------- JavaScript code for smartphones and tablets menu ---------->
<script type="text/javascript">
var navLinks = document.getElementById("navLinks");
function showmenu(){
navLinks.style.right="0";
}

function hidemenu(){
navLinks.style.right="-200px";
}
</script>

</body>
</html>
142 changes: 142 additions & 0 deletions Website Project/Tickets.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,142 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Zootopia</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

</head>
<body>
<!------ Page Header ----->
<section class="tickets-header">
<nav>
<img src="images/LogoMakr-0nJa14.png" alt="website-logo">
<div class="nav-links" id="navLinks">
<i class="fa fa-times" onclick="hidemenu();"></i>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="Tickets.html">Tickets</a></li>
<li><a href="Crewtopia.html">Crewtopia</a></li>
</ul>
</div>
<i class="fa fa-bars" onclick="showmenu();"></i>

</nav>

<h1>Tickets</h1>

</section>

<!------ Tickets ------>

<section class="Tickets">

<img src="images/tiger_gallery_edited.jpg">

<img src="images/Get Your Ticket Now.png">






<div>
<form id="ticket-form">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>

<label for="email">Email:</label>
<input type="email" id="email" name="email" placeholder="User123@email.com" required>

<label for="tickets">Number of Tickets:</label>
<input type="number" id="tickets" name="tickets" min="1" required>

<label for="card">Credit Card Number:</label>
<input type="text" id="card" name="card" placeholder="1111111111111111" required>

<input type="submit" value="Purchase">
</form>

<!-- HTML code for the custom dialog box -->
<div id="dialog-box">
<div id="dialog-content">
<div id="dialog-message"></div>
<div id="dialog-check"><span>&#10004;</span></div>
<button id="dialog-button">OK</button>
</div>
</div>

<script src="Tickets.js"></script>


</div>
</section>




<!----- Footer ----->

<section class="footer">
<div class="ftr">
<h3>About Us</h3>
<p>We Are The Largest Zoo on Earth And for That We Consider Ourselves As A Nature Reserve On So Many Levels,Not Just for Our Home Size But For What We Offer for Its Family<br>
<b>Another Home, Another Planet</b></p>
<br>
<div class="Cus">
<p><i class="fa fa-envelope-o"></i> G-mail: <a class="Gmail" href="https://www.google.com">zootopia@gmail.com</a></p>
<p><i class="fa fa-phone"></i> Phone: +00 *** ***</p>
</div>
<br>
<a href="Tickets.html"class="Ticket">Get Your Ticket Now</a>
<br>
<div class="icons">
<i class="fa fa-facebook-official fa-2x"></i>
<i class="fa fa-twitter fa-2x"></i>
<i class="fa fa-pinterest fa-2x"></i>
<i class="fa fa-tumblr fa-2x"></i>
<i class="fa fa-instagram fa-2x"></i>
</div>

<div class="copyright">
&copy; 2022 All rights reserved for zootopia
<br>BSL
</div>


</div>
</section>











<!---------- JavaScript code for smartphones and tablets menu ---------->
<script type="text/javascript">
var navLinks = document.getElementById("navLinks");
function showmenu(){
navLinks.style.right="0";
}

function hidemenu(){
navLinks.style.right="-200px";
}

</script>

</body>
</html>
Loading

0 comments on commit 3c4e95f

Please sign in to comment.