KF-Nav

Developer
Spencer Stiglets
Size
2,942 Kb
Views
32,384
  1. KF-Nav Previews
  2. KF-Nav HTML Codes
  3. KF-Nav CSS Codes

How do I make an kf-nav?

What is a kf-nav? How do you make a kf-nav? This script and codes were developed by Spencer Stiglets on 26 November 2022, Saturday.

KF-Nav Previews
IQ Test

KF-Nav - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>KF-Nav</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <!doctype html>
<html> <head> <title>KHS Fans</title> <meta charset="utf-8"> </head> <body> <header> <span class="navbar-brand">Kings Fans United</span> <nav> <ul> <li><a href="#">Sports</a></li> <li><a href="#">Pictures</a></li> <li><a href="#">join us!</a></li> <li><a href="#">FAQ</a></li> <li><a href="#">Schedules</a></li> <li><a href="#">Contact Us</a></li> </ul> </nav> </header>
<main> <img src="khs-logo.jpg" alt="knights Logo" width="300"> <div> <h2>Join the Red and White</h2> <p id="lorem" class="important">Nescius esse deserunt eiusmod ita commodo et probant an o varias laborum probant eu an multos eram esse fabulas. Incididunt labore velit nam tamen, esse occaecat e fabulas, incurreret dolor esse ne fugiat iis nisi laboris incididunt. Ullamco quae eu <span class="important">expetendis eruditionem, sint litteris in mentitum. Voluptate irure eu</span> laboris coniunctione ex quae sempiternum proident magna senserit, expetendis anim id incididunt voluptatibus et cernantur ea quorum eu officia sed sunt, cernantur non velit litteris ea fore pariatur offendit o proident illustriora id doctrina. Quo multos cohaerescant se o multos litteris aliquip ad ad an summis noster esse sed nam de labore quae varias. Fabulas adipisicing in consequat, cillum imitarentur singulis aliqua mentitum.</p> <h3>KHS is what?!</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur rem aliquam in, eligendi veniam pariatur optio esse. Iusto assumenda excepturi molestiae nemo iure nesciunt, veniam ex? Quasi dicta est eveniet?</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur rem aliquam in, eligendi veniam pariatur optio esse. Iusto assumenda excepturi molestiae nemo iure nesciunt, veniam ex? Quasi dicta est eveniet?</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur rem aliquam in, eligendi veniam pariatur optio esse. Iusto assumenda excepturi molestiae nemo iure nesciunt, veniam ex? Quasi dicta est eveniet?</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur rem aliquam in, eligendi veniam pariatur optio esse. Iusto assumenda excepturi molestiae nemo iure nesciunt, veniam ex? Quasi dicta est eveniet?</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur rem aliquam in, eligendi veniam pariatur optio esse. Iusto assumenda excepturi molestiae nemo iure nesciunt, veniam ex? Quasi dicta est eveniet?</p> <ul> <li class="important">REDDDDDD HOTTTTT</li> <li>what?</li> <li>R-E-D-H-O-T,REDHOT,REDHOT,REDHOT!</li> </ul> </div>
</main>
<footer> <div> <h5>Contact us</h5> <p>King's Schools<br> 19303 Fremont Ave<br> Seattle,WA 98133</p> </div> <h5>Sitemap</h5> <div> <ul> <li><a href="#">Home</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Privacy</a></li> <li><a href="#">Support</a></li> <li><a href="#">FAQ</a></li> </ul> </div>
</footer>
</body>
</html>
</body>
</html>

KF-Nav - Script Codes CSS Codes

@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');
@import url('https://fonts.googleapis.com/css?family=Droid+Sans');
*{ /*outline: 1px solid blue;*/ margin: 0;
}
body{ font-size: 16px; line-height: 1.45em; font-family: 'Libre Baskerville', serif; background-color: #e10717;
}
p{ margin-bottom: 1.3em;
}
nav a:hover{ background-color: #222;
}
nav a:active{ color: #e10717;
}
header{ background-color: white;
}
nav a:hover{ color:white;
}
main{ background-color: white;
}
footer{ color: white;
}
h1, h2, h3, h5{ margin: 1.414em 0 0.5em; font-weight: inherit; line-height: 1.2em; font-family: 'Droid Sans', sans-serif;
}
h1{ font-size: 3em; margin-top: 0;
}
h2{ font-size: 2.25em;
}
h3{ font-size: 1.75em;
}
h5{ font-size: 1.125em
}
ul{ list-style-position: inside;
}
footer ul { list-style-type: none;
}
a:visited{ color: red;
}
a:link{ text-decoration: none; color:ghostwhite;
}
a:hover { color: darkgray;
}
.sports li:nth-child(even){ background-color: rgb(200,200,200);
}
a:link{ color: white;
}
footer a:link{ color: white;
}
footer a:visited{ color: white;
}
main ul{ list-style-type: disc;
}
nav{ background-color: #444;
}
.navbar-brand{ float: left; padding: 5px; font-size: 1.414em;
}
img{ float: right
}
nav li{ display: inline-block; width: auto; padding: 10px;
}
a{
display: block;
}
KF-Nav - Script Codes
KF-Nav - Script Codes
Home Page Home
Developer Spencer Stiglets
Username sstiglets
Uploaded November 26, 2022
Rating 3
Size 2,942 Kb
Views 32,384
Do you need developer help for KF-Nav?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Spencer Stiglets (sstiglets) Script Codes
Name
Directions.html
A Pen by Spencer Stiglets
Elixir.html
Carousel
Positioning Fundamentals
Gallery Finished
Responsive Design 101 - Finished
Gallery Starter
Carousel Tutorial
CSS-Flexbox-Demo
Create amazing web content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!