yuvalw20-meet / xpets-group-proj Goto Github PK

Color Pallete:

#CE0000 # This is Red :)

#000063 # This is Dark Blue :)

#5A79A5 # This is Between Dark and Light Blue :)

#9CAAC6 # This is Grayish Blue :)

#DEE7EF # This is Whitish Blue :)


Please Add This at the Top of Your HTML Code In Each Page if it Already Isn't:

<div class="nav-bar">
		<h2 id="left-NB">Home</h2>
		<h2 id="center-NB">Login/Sign Up</h2>
		<h2 id="right-NB"><hr id="top-hr"><hr id="center-hr"><hr id="bot-hr"></h2>
	</div>
		<div class="drop-down-bar">
			<div id="1st-ddb">Categories</div><hr>
			<div id="2nd-ddb">Most Popular Animal</div><hr>
			<div id="3rd-ddb">Contact Us</div><hr>
			<div id="4th-ddb">About</div>
		</div>

ALSO Put These In the Head:
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="TestCss.css">

And these put them in the bottom of the body:
	<!-- jQuery library -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

	<!-- jQuery UI -->
	<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script>

	<!-- Latest compiled JavaScript -->
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>

	<!-- Js Link -->
	<script src="TestJs.js"></script>

put this in your CSS:
	body {
    font-family: "DejaVu Sans Light";
}
It's a really nice font and fits well ;-)