own template code here!
This template is intended to give you a running start in creating your own web pages. Many of the pages at TNT follow this structure and it's well suited for Bootstrap5 upgrades. We went ahead and wired up an external style sheet with some very basic styles (including inline HTML styles). You'll need to add more CSS to make your page look great, but you should take it easy when using inline styles. They are difficult to maintain.
Let's face it...
...This page is really ugly.
The color regions are there only to show the various structural elements. You'd probably never want to do this in real life, but we often use colors in preliminary designs to see how the various elements work together. When designing your own colors, its much easier to use hsl constructs. We've got a nifty Colorsliders app to assist you in finding a very special color.
Got some style?
You may be a newbie when it comes to CSS, but study the sheet we linked to this web page. It's basic enough that you might be surprised what you can learn from it. Notice how each 'rule' is comprised of a selector and a curly brace block ({}) of property:value; pairs. The yellow highlight shows the syntax of the requested styles. CSS is like giving an interior designer a set of instructions to decorate a particular room in a house.
Any guidelines?
TechNovice provides some guidelines when creating/styling web pages and web sites. Be sure to check them out. We also have a page featuring The Fantastic Four should you need extra pointers. Furthermore, you should implement the C.R.A.P. rule as you design, if you want to be taken seriously.
JavaScript, Bootstrap5
Of course, there are many different structures you could use for a template. Another such template used in the past is in a TNT Skeleton Archive. Notice that in that structure, the 'jumbotron' ('jtron') div is described as a 'hero' area. There's much to learn in this skeleton too. Make no bones about it.
Need some filler text like that shown below? Cupcake Ipsum is a 'sweet' site for grabbing such filler.
Cotton candy chocolate cupcake candy canes bonbon brownie shortbread. Powder apple pie caramels chocolate cake tootsie roll icing fruitcake sweet roll sweet roll. Donut sweet lollipop gummies cake.
God speed as you create your own web masterpieces! You can download your very own template by clicking the template image above.