Template:Main page/navigation: Difference between revisions

Template page
VisualWikitext
No edit summary
No edit summary
 
(38 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div id="home-nav" class="home-grid" role="navigation">
<div class="home-card home-card--button" id="home-nav-audiovideo">
<div class="home-card__background">[[File:MPNav_audiovideo.png|300px|link=:Category:Audio & Video]]</div>
<div class="home-card__foreground">Audio & Video</div>
</div>
<div class="home-card home-card--button" id="home-nav-brakes">
<div class="home-card__background">[[File:MPNav_brakes.png|300px|link=:Category:Brakes]]</div>
<div class="home-card__foreground">Brakes</div>
</div>
<div class="home-card home-card--button" id="home-nav-drivetrain">
<div class="home-card__background">[[File:MPNav_drivetrain.png|300px|link=:Category:Drivetrain]]</div>
<div class="home-card__foreground">Drivetrain</div>
</div>
<div class="home-card home-card--button" id="home-nav-electricalsystem">
<div class="home-card__background">[[File:MPNav_electrical.png|300px|link=:Category:Electrical System]]</div>
<div class="home-card__foreground">Electrical System</div>
</div>
<div class="home-card home-card--button" id="home-nav-engine">
<div class="home-card__background">[[File:MPNav_engine.png|300px|link=:Category:Engine]]</div>
<div class="home-card__foreground">Engine</div>
</div>
<div class="home-card home-card--button" id="home-nav-exhaust">
<div class="home-card__background">[[File:MPNav_exhaust.png|300px|link=:Category:Exhaust]]</div>
<div class="home-card__foreground">Exhaust</div>
</div>
<div class="home-card home-card--button" id="home-nav-exterior">
<div class="home-card__background">[[File:MPNav_exterior.png|300px|link=:Category:Exterior]]</div>
<div class="home-card__foreground">Exterior</div>
</div>
<div class="home-card home-card--button" id="home-nav-intake">
<div class="home-card__background">[[File:MPNav_intake.png|300px|link=:Category:Intake]]</div>
<div class="home-card__foreground">Intake</div>
</div>
<div class="home-card home-card--button" id="home-nav-interior">
<div class="home-card__background">[[File:MPNav_interior.png|300px|link=:Category:Interior]]</div>
<div class="home-card__foreground">Interior</div>
</div>
<div class="home-card home-card--button" id="home-nav-lighting">
<div class="home-card__background">[[File:MPNav_lights.png|300px|link=:Category:Lighting]]</div>
<div class="home-card__foreground">Lighting</div>
</div>
<div class="home-card home-card--button" id="home-nav-suspension">
<div class="home-card__background">[[File:MPNav_suspension.png|300px|link=:Category:Suspension]]</div>
<div class="home-card__foreground">Suspension & Steering</div>
</div>
<div class="home-card home-card--button" id="home-nav-wheelstires">
<div class="home-card__background">[[File:MPNav_wheelstires.png|300px|link=:Category:Wheels & Tires]]</div>
<div class="home-card__foreground">Wheels & Tires</div>
</div>
</div><templatestyles src="Template:Main_page/navigation/styles.css" /><noinclude><!-- For preview only --><templatestyles src="Template:Main page/shared/styles.css" />{{/doc}}</noinclude>
<!-- Hide ToC -->
__NOTOC__
__NOTOC__
<div class="col-clearfix"></div>
<div class="col-md-12">
<div class="panel panel-primary-light-border">
<div class="panel-heading"> <h3 class="panel-title">Component Lounge - For Upgrades and Mods Only</h3></div>
<div class="panel-body">
      <div id="myInfohorizontal" class="tab-content">
        <div class="tab-pane active" id="examples">
      <div class="col-md-3">
<div class="panel panel-lighter-white-border">
<div class="panel-heading"> <h3 class="panel-title">Audio & Video</h3> </div>
<div class="panel-body"> <p class="bs">Audiophiles Check in here! Share you builds!</p>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> '''[[:Category:Audio & Video|Audio & Video]]'''</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-lighter-white-border">
<div class="panel-heading"> <h3 class="panel-title">Brakes</h3> </div>
<div class="panel-body"> <p class="bs">Increase your stopping power, whats right and whats not.</p>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> More Info</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-lighter-white-border">
<div class="panel-heading"> <h3 class="panel-title">Drivetrain</h3> </div>
<div class="panel-body"> <p class="bs">TOD, Axle Swaps, Gears, and Transmissions.</p>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> More Info</div>
</div>
</div> 
</div> 
<div class="col-md-3">
<div class="panel panel-lighter-white-border">
<div class="panel-heading"> <h3 class="panel-title">Electrical System</h3> </div>
<div class="panel-body"> <p class="bs">Wire Harness...<br /></p>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> More Info</div>
</div>
</div>
</div>
<div style="clear: both;"></div>
<div class="col-md-3">
<div class="panel panel-lighter-white-border">
<div class="panel-heading"> <h3 class="panel-title">Engine</h3> </div>
<div class="panel-body"> <p class="bs">Performance & Swaps.<br /></p>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> More Info</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-lighter-white-border">
<div class="panel-heading"> <h3 class="panel-title">Exhaust</h3> </div>
<div class="panel-body"> <p class="bs">Finding that purrrfect tone.<br /></p>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> More Info</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-lighter-white-border">
<div class="panel-heading"> <h3 class="panel-title">Exterior</h3> </div>
<div class="panel-body"> <p class="bs">Exterior Mods and Paint.<br /></p>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> More Info</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-lighter-white-border">
<div class="panel-heading"> <h3 class="panel-title">Intake</h3> </div>
<div class="panel-body"> <p class="bs">Filters, CAI, Ram Air.<br /></p>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> More Info</div>
</div>
</div>
</div>
<div style="clear: both;"></div>
<div class="col-md-3">
<div class="panel panel-lighter-white-border">
<div class="panel-heading"> <h3 class="panel-title">Interior</h3> </div>
<div class="panel-body"> <p class="bs">What is better than our stock leather wrapped Recaros?</p>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> More Info</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-lighter-white-border">
<div class="panel-heading"> <h3 class="panel-title">Lighting</h3> </div>
<div class="panel-body"> <p class="bs">Lets light up the night!<br /></p>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> More Info</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-lighter-white-border">
<div class="panel-heading"> <h3 class="panel-title">Suspension</h3> </div>
<div class="panel-body"> <p class="bs">Beef up that suspension or smooth it out!</p>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> More Info</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="panel panel-lighter-white-border">
<div class="panel-heading"> <h3 class="panel-title">Wheels & Tires</h3> </div>
<div class="panel-body"> <p class="bs">Does size really matter?!<br /></p>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> More Info</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-clearfix"></div>
{|class='porttable'
| class='portcell' |
<div class='porttitle' >'''Component Lounge''' - For Upgrades and Mods Only</div>
<div class='contentdiv' >
{|width="100%" align="center" cellpadding="4" style="text-align:left;"
| align="center" |[[Image:p_vx_audio.jpg|50px]]
|'''[[:Category:Audio & Video|Audio & Video]]'''<br /> Audiophiles check in here!
| align="center" |[[Image:p_vx_brakes.jpg|50px]]
|'''[[:Category:Brakes|Brakes]]'''<br /> Increase your stopping power, whats right and whats not.
| align="center" |[[Image:p_vx_drivetrain.jpg|50px]]
|'''[[:Category:Drivetrain|Drivetrain]]'''<br /> TOD, Axle Swaps, Gears
| align="center" |[[Image:p_vx_elecsys.jpg|50px]]
|'''[[:Category:Electrical System|Electrical System]]'''<br /> Wire Harness...
|-
| align="center" |[[Image:p_vx_engine.jpg|50px]]
|'''[[:Category:Engine|Engine]]'''<br /> Performance & Maintenance
| align="center" |[[Image:p_vx_exhaust.jpg|50px]]
|'''[[:Category:Exhaust|Exhaust]]'''<br /> Finding that purrrfect tone.
| align="center" |[[Image:p_vx_ext.jpg|50px]]
|'''[[:Category:Exterior|Exterior]]'''<br /> Exterior Mods.
| align="center" |[[Image:p_vx_intake.jpg|50px]]
|'''[[:Category:Intake|Intake]]'''<br /> Filters, CAI, Ram air.
|-
| align="center" |[[Image:p_vx_int.jpg|50px]]
|'''[[:Category:Interior|Interior]]'''<br /> What is better than our stock leather wrapped Recaro's?
| align="center" |[[Image:p_vx_light.jpg|50px]]
|'''[[:Category:Lighting|Lighting]]'''<br /> Lets light up the night!
| align="center" |[[Image:p_vx_suspension.jpg|50px]]
|'''[[:Category:Suspension|Suspension]]'''<br /> Beef up that suspension
| align="center" |[[Image:p_vx_wheels.jpg|50px]]
||'''[[:Category:Wheels & Tires|Wheels & Tires]]'''<br /> How big are your wheels
|}
|}

Latest revision as of 11:40, 6 July 2023

Template documentation[view][edit][history][purge]
This documentation is transcluded from Template:Main page/navigation/doc. Changes can be proposed in the talk page.
Template:Main page/navigation loads styles from Template:Main page/navigation/styles.css.

This template is used on the main page. It is the navigation section that includes the buttons to portal pages.

Retrieved from "http://myvehicross.com/wiki/index.php?title=Template:Main_page/navigation&oldid=18126"