2022.2

l
Blank
l
ContactUs
l
Jumbotron
l
ThankYou
Ifyoudon'tknowwhattemplatetochoose,see"WebTemplateWizards"onthefacingpagefur-
therdowninthistopic,wherethecharacteristicsofeachkindoftemplatearedescribed.
3. ClickNextandmakeadjustmentstothesettings.Thewizardremembersthesettingsthatwere
lastusedforaFoundationWebtemplate.
l
Section:
l
Name:EnterthenameoftheSectionintheWebcontext.Thishasnoeffectonout-
put.
l
Description:Enterthedescriptionofthepage.Thisisthecontentsofa<metaname-
e="description">HTMLtag.
l
Top bargroup:
l
Set width to Grid:Checkthisoptiontolimitthewidthofthetopbarcontentstothe
FoundationGrid,insteadofusingthefullwidthofthepage.
l
Stick to the top of the browser window:Checktolockthetopmenubartothetop
ofthepage,evenifthepagehasscrollbars.Thismeansthemenubarwillalwaysbe
visibleinthebrowser.
l
Background color:Enteravalidhexadecimalcolorcodeforthepagebackground
color(seew3school'scolorpicker),orclickthecoloredcircletotherighttoopenthe
ColorPicker.
l
Colorsgroup:Enteravalidhexadecimalcolorcode(seew3school'scolorpicker)orclick
thecoloredsquaretoopentheColorPickerdialog(see"ColorPicker"onpage878),and
pickacolorforthefollowingelements:
l
Primary:linksonthepage.
l
Secondary:secondarylinksonthepage.
l
Text:textonthepagecontainedinparagraphs(<p>).
l
Headings:allheadings(<h1>through<h6>)includingtheheadingsection'ssub-
head.
4. ClickFinishtocreatethetemplate.
TheWizardcreates:
Page 421