Template:Main page/navigation: Difference between revisions

Template page
No edit summary
Line 5: Line 5:
<div class="home-card__foreground">Audio & Video</div>
<div class="home-card__foreground">Audio & Video</div>
</div>
</div>
<div class="home-card home-card--button" id="home-nav-Components">
<div class="home-card home-card--button" id="home-nav-brakes">
<div class="home-card__background">[[File:CompNav-brakes.png|300px|link=:Category:Brakes]]</div>
<div class="home-card__background">[[File:CompNav-brakes.png|300px|link=:Category:Brakes]]</div>
<div class="home-card__foreground">Brakes</div>
<div class="home-card__foreground">Brakes</div>
</div>
</div>
<div class="home-card home-card--button" id="home-nav-Equipment">
<div class="home-card home-card--button" id="home-nav-drivetrain">
<div class="home-card__background">[[File:CompNav-drivetrain.png|300px|link=Equipment]]</div>
<div class="home-card__background">[[File:CompNav-drivetrain.png|300px|link=:Category:Drivetrain]]</div>
<div class="home-card__foreground">Drivetrain</div>
<div class="home-card__foreground">Drivetrain</div>
</div>
</div>
<div class="home-card home-card--button" id="home-nav-Commodities">
<div class="home-card home-card--button" id="home-nav-electricalsystem">
<div class="home-card__background">[[File:CompNav-electrical.png|300px|link=Commodities]]</div>
<div class="home-card__background">[[File:CompNav-electrical.png|300px|link=:Category:Electrical System]]</div>
<div class="home-card__foreground">Electrical System</div>
<div class="home-card__foreground">Electrical System</div>
</div>
</div>
<div class="home-card home-card--button" id="home-nav-Locations">
<div class="home-card home-card--button" id="home-nav-engine">
<div class="home-card__background">[[File:CompNav-Locations.png|300px|link=Locations]]</div>
<div class="home-card__background">[[File:CompNav-engine.png|300px|link=:Category:Engine]]</div>
<div class="home-card__foreground">Engine</div>
<div class="home-card__foreground">Engine</div>
</div>
</div>
<div class="home-card home-card--button" id="home-nav-Factions">
<div class="home-card home-card--button" id="home-nav-exhaust">
<div class="home-card__background">[[File:CompNav-Factions.png|300px|link=Factions]]</div>
<div class="home-card__background">[[File:CompNav-Factions.png|300px|link=:Category:Exhaust]]</div>
<div class="home-card__foreground">Exhaust</div>
<div class="home-card__foreground">Exhaust</div>
</div>
</div>
<div class="home-card home-card--button" id="home-nav-Characters">
<div class="home-card home-card--button" id="home-nav-exterior">
<div class="home-card__background">[[File:CompNav-Characters.png|300px|link=Characters]]</div>
<div class="home-card__background">[[File:CompNav-exterior.png|300px|link=:Category:Exterior]]</div>
<div class="home-card__foreground">Exterior</div>
<div class="home-card__foreground">Exterior</div>
</div>
</div>
<div class="home-card home-card--button" id="home-nav-AlienRaces">
<div class="home-card home-card--button" id="home-nav-intake">
<div class="home-card__background">[[File:CompNav-AlienRaces.png|300px|link=Alien Races]]</div>
<div class="home-card__background">[[File:CompNav-intake.png|300px|link=:Category:Intake]]</div>
<div class="home-card__foreground">Intake</div>
<div class="home-card__foreground">Intake</div>
</div>
</div>
<div class="home-card home-card--button" id="home-nav-Missions">
<div class="home-card home-card--button" id="home-nav-interior">
<div class="home-card__background">[[File:CompNav-Missions.png|300px|link=Missions]]</div>
<div class="home-card__background">[[File:CompNav-Missions.png|300px|link=:Category:Interior]]</div>
<div class="home-card__foreground">Interior</div>
<div class="home-card__foreground">Interior</div>
</div>
</div>
<div class="home-card home-card--button" id="home-nav-Lore">
<div class="home-card home-card--button" id="home-nav-lighting">
<div class="home-card__background">[[File:CompNav-Lore.png|300px|link=:Category:Lighting]]</div>
<div class="home-card__background">[[File:CompNav-Lore.png|300px|link=:Category:Lighting]]</div>
<div class="home-card__foreground">Lighting</div>
<div class="home-card__foreground">Lighting</div>
</div>
</div>
<div class="home-card home-card--button" id="home-nav-Development">
<div class="home-card home-card--button" id="home-nav-suspension">
<div class="home-card__background">[[File:CompNav-Development.png|300px|link=:Category:Suspension]]</div>
<div class="home-card__background">[[File:CompNav-suspension.png|300px|link=:Category:Suspension]]</div>
<div class="home-card__foreground">Suspension & Steering</div>
<div class="home-card__foreground">Suspension & Steering</div>
</div>
</div>
<div class="home-card home-card--button" id="home-nav-Community">
<div class="home-card home-card--button" id="home-nav-wheelstires">
<div class="home-card__background">[[File:CompNav-Community.png|300px|link=:Category:Wheels & Tires]]</div>
<div class="home-card__background">[[File:CompNav-wheelstires.png|300px|link=:Category:Wheels & Tires]]</div>
<div class="home-card__foreground">Wheels & Tires</div>
<div class="home-card__foreground">Wheels & Tires</div>
</div>
</div>
Line 53: Line 53:


<div style="clear: both;"></div>
<div style="clear: both;"></div>
<div class="col-md-12">  
<div class="col-md-12">
<div class="panel panel-primary-light-border">  
<div class="panel panel-primary-light-border">
<div class="panel-heading"> <h3 class="panel-title">Component Lounge - FAQs, Mods and Upgrades</h3></div>  
<div class="panel-heading">
<div class="panel-body">
<h3 class="panel-title">Component Lounge - FAQs, Mods and Upgrades</h3>
      <div id="myInfohorizontal" class="tab-content">
</div>
        <div class="tab-pane active" id="examples">
<div class="panel-body">
      <div class="col-md-3">  
<div id="myInfohorizontal" class="tab-content">
<div class="panel panel-lighter-white-border">  
<div class="tab-pane active" id="examples">
<div class="panel-heading"> <h3 class="panel-title">Audio & Video</h3> </div>  
<div class="col-md-3">
<div class="panel-body"> <p class="bs">Audiophiles Check in here! Share you builds!</p>  
<div class="panel panel-lighter-white-border">
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Audio & Video|More Info]]</div>  
<div class="panel-heading">
</div>  
<h3 class="panel-title">Audio & Video</h3>
</div>
</div>
</div>  
<div class="panel-body">
<div class="col-md-3">  
<p class="bs">Audiophiles Check in here! Share you builds!</p>
<div class="panel panel-lighter-white-border">  
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Audio & Video|More Info]]</div>
<div class="panel-heading"> <h3 class="panel-title">Brakes</h3> </div>  
</div>
<div class="panel-body"> <p class="bs">Increase your stopping power, whats right and whats not.</p>  
</div>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Brakes|More Info]]</div>  
</div>
</div>  
<div class="col-md-3">
</div>  
<div class="panel panel-lighter-white-border">
</div>
<div class="panel-heading">
<div class="col-md-3">  
<h3 class="panel-title">Brakes</h3>
<div class="panel panel-lighter-white-border">  
</div>
<div class="panel-heading"> <h3 class="panel-title">Drivetrain</h3> </div>  
<div class="panel-body">
<div class="panel-body"> <p class="bs">TOD, Axle Swaps, Gears, and Transmissions.</p>  
<p class="bs">Increase your stopping power, whats right and whats not.</p>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Drivetrain|More Info]]</div>  
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Brakes|More Info]]</div>
</div>  
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">  
<div class="col-md-3">
<div class="panel panel-lighter-white-border">  
<div class="panel panel-lighter-white-border">
<div class="panel-heading"> <h3 class="panel-title">Electrical System</h3> </div>  
<div class="panel-heading">
<div class="panel-body"> <p class="bs">Wire Harness... Lets get these bugs worked out.<br /></p>  
<h3 class="panel-title">Drivetrain</h3>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Electrical System|More Info]]</div>  
</div>
</div>  
<div class="panel-body">
</div>
<p class="bs">TOD, Axle Swaps, Gears, and Transmissions.</p>
</div>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Drivetrain|More Info]]</div>
<div style="clear: both;"></div>
</div>
<div class="col-md-3">  
</div>
<div class="panel panel-lighter-white-border">  
</div>
<div class="panel-heading"> <h3 class="panel-title">Engine</h3> </div>  
<div class="col-md-3">
<div class="panel-body"> <p class="bs">Performance & Swaps. Superchargers and more.<br /></p>  
<div class="panel panel-lighter-white-border">
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Engine|More Info]]</div>  
<div class="panel-heading">
</div>  
<h3 class="panel-title">Electrical System</h3>
</div>
</div>
</div>
<div class="panel-body">
<div class="col-md-3">  
<p class="bs">Wire Harness... Lets get these bugs worked out.<br /></p>
<div class="panel panel-lighter-white-border">  
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Electrical System|More Info]]</div>
<div class="panel-heading"> <h3 class="panel-title">Exhaust</h3> </div>  
</div>
<div class="panel-body"> <p class="bs">Finding that purrrfect tone. Best setup?<br /></p>  
</div>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Exhaust|More Info]]</div>  
</div>
</div>  
<div style="clear: both;"></div>
</div>
<div class="col-md-3">
</div>
<div class="panel panel-lighter-white-border">
<div class="col-md-3">  
<div class="panel-heading">
<div class="panel panel-lighter-white-border">  
<h3 class="panel-title">Engine</h3>
<div class="panel-heading"> <h3 class="panel-title">Exterior</h3> </div>  
</div>
<div class="panel-body"> <p class="bs">Exterior Mods, Paint, and that Cladding..<br /></p>  
<div class="panel-body">
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Exterior|More Info]]</div>  
<p class="bs">Performance & Swaps. Superchargers and more.<br /></p>
</div>  
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Engine|More Info]]</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">  
</div>
<div class="panel panel-lighter-white-border">  
<div class="col-md-3">
<div class="panel-heading"> <h3 class="panel-title">Intake</h3> </div>  
<div class="panel panel-lighter-white-border">
<div class="panel-body"> <p class="bs">Filters, Cold Air, Ram Air and more.<br /></p>  
<div class="panel-heading">
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Intake|More Info]]</div>  
<h3 class="panel-title">Exhaust</h3>
</div>  
</div>
</div>
<div class="panel-body">
</div>
<p class="bs">Finding that purrrfect tone. Best setup?<br /></p>
<div style="clear: both;"></div>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Exhaust|More Info]]</div>
<div class="col-md-3">  
</div>
<div class="panel panel-lighter-white-border">  
</div>
<div class="panel-heading"> <h3 class="panel-title">Interior</h3> </div>  
</div>
<div class="panel-body"> <p class="bs">What is better than our stock leather wrapped Recaros?</p>  
<div class="col-md-3">
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Interior|More Info]]</div>  
<div class="panel panel-lighter-white-border">
</div>  
<div class="panel-heading">
</div>
<h3 class="panel-title">Exterior</h3>
</div>
</div>
</div>
<div class="panel-body">
<div class="col-md-3">  
<p class="bs">Exterior Mods, Paint, and that Cladding..<br /></p>
<div class="panel panel-lighter-white-border">  
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Exterior|More Info]]</div>
<div class="panel-heading"> <h3 class="panel-title">Lighting</h3> </div>  
</div>
<div class="panel-body"> <p class="bs">Lets light up the night, both inside and out!<br /></p>  
</div>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Lighting|More Info]]</div>  
</div>
</div>  
<div class="col-md-3">
</div>
<div class="panel panel-lighter-white-border">
</div>
<div class="panel-heading">
<div class="col-md-3">  
<h3 class="panel-title">Intake</h3>
<div class="panel panel-lighter-white-border">  
</div>
<div class="panel-heading"> <h3 class="panel-title">Suspension & Steering</h3> </div>  
<div class="panel-body">
<div class="panel-body"> <p class="bs">Beef up that suspension or smooth it out!</p>  
<p class="bs">Filters, Cold Air, Ram Air and more.<br /></p>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Suspension|More Info]]</div>  
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Intake|More Info]]</div>
</div>  
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">  
<div style="clear: both;"></div>
<div class="panel panel-lighter-white-border">  
<div class="col-md-3">
<div class="panel-heading"> <h3 class="panel-title">Wheels & Tires</h3> </div>  
<div class="panel panel-lighter-white-border">
<div class="panel-body"> <p class="bs">Does size really matter?! What is that perfect offset?<br /></p>  
<div class="panel-heading">
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Wheels & Tires|More Info]]</div>  
<h3 class="panel-title">Interior</h3>
</div>  
</div>
</div>
<div class="panel-body">
</div>
<p class="bs">What is better than our stock leather wrapped Recaros?</p>
</div>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Interior|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, both inside and out!<br /></p>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Lighting|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 & Steering</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> [[:Category:Suspension|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?! What is that perfect offset?<br /></p>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Wheels & Tires|More Info]]</div>
</div>
</div>
</div>
</div>


</div>
</div>
</div>
</div>
</div>
</div>
<div class="clearfix visible-xs-block"></div>
<div class="clearfix visible-xs-block"></div>

Revision as of 09:12, 1 July 2023

Component Lounge - FAQs, Mods and Upgrades


Component Lounge - FAQs, Mods and Upgrades

Audio & Video

Audiophiles Check in here! Share you builds!

Brakes

Increase your stopping power, whats right and whats not.

Drivetrain

TOD, Axle Swaps, Gears, and Transmissions.

Electrical System

Wire Harness... Lets get these bugs worked out.

Engine

Performance & Swaps. Superchargers and more.

Exhaust

Finding that purrrfect tone. Best setup?

Exterior

Exterior Mods, Paint, and that Cladding..

Intake

Filters, Cold Air, Ram Air and more.

Interior

What is better than our stock leather wrapped Recaros?

Lighting

Lets light up the night, both inside and out!

Suspension & Steering

Beef up that suspension or smooth it out!

Wheels & Tires

Does size really matter?! What is that perfect offset?