Template:Main page/navigation: Difference between revisions

Template page
No edit summary
m (Reverted edits by Knigh7s (talk) to last revision by 206.107.220.153)
Tags: Rollback Reverted
Line 1: Line 1:
__NOTOC__
{|class='maintable'
<div id="home-nav" class="home-grid" role="navigation">
| class='maincell' |
<div class="home-card home-card--button" id="home-nav-ships">
<div class='titlediv' >'''Component Lounge'''</div>
<div class="home-card__background"> [[:Category:Audio & Video|[[File:audiovideo.webp|options|caption]]]]</div>
<div class='contentdiv' >
<div class="home-card__foreground">Ships</div>
{|width="100%" align="center" cellpadding="4" style="text-align:left;"
</div>
| align="center" |[[Image:p_vx_audio.jpg|50px]]
<div class="home-card home-card--button" id="home-nav-Components">
|'''[[:Category:Audio & Video|Audio & Video]]'''<br /> Audiophiles check in here!
<div class="home-card__background"><a href="/Components" title="Components"><img alt="MainTabs-Components.png" src="/images/thumb/6/6e/MainTabs-Components.png/300px-MainTabs-Components.png" decoding="async" loading="lazy" width="300" height="99" srcset="/images/thumb/6/6e/MainTabs-Components.png/450px-MainTabs-Components.png 1.5x, /images/thumb/6/6e/MainTabs-Components.png/600px-MainTabs-Components.png 2x" data-file-width="662" data-file-height="218"></a></div>
| align="center" |[[Image:p_vx_brakes.jpg|50px]]
<div class="home-card__foreground">Components</div>
|'''[[:Category:Brakes|Brakes]]'''<br /> Increase your stopping power, whats right and whats not.
</div>
| align="center" |[[Image:p_vx_drivetrain.jpg|50px]]
<div class="home-card home-card--button" id="home-nav-Equipment">
|'''[[:Category:Drivetrain|Drivetrain]]'''<br /> TOD, Axle Swaps, Gears
<div class="home-card__background"><a href="/Equipment" title="Equipment"><img alt="MainTabs-Equipment.png" src="/images/thumb/3/38/MainTabs-Equipment.png/300px-MainTabs-Equipment.png" decoding="async" loading="lazy" width="300" height="88" srcset="/images/thumb/3/38/MainTabs-Equipment.png/450px-MainTabs-Equipment.png 1.5x, /images/3/38/MainTabs-Equipment.png 2x" data-file-width="532" data-file-height="156"></a></div>
| align="center" |[[Image:p_vx_elecsys.jpg|50px]]
<div class="home-card__foreground">Equipment</div>
|'''[[:Category:Electrical System|Electrical System]]'''<br /> Wire Harness...
</div>
|-
<div class="home-card home-card--button" id="home-nav-Commodities">
| align="center" |[[Image:p_vx_engine.jpg|50px]]
<div class="home-card__background"><a href="/Commodities" title="Commodities"><img alt="MainTabs-Commodities.png" src="/images/thumb/d/d8/MainTabs-Commodities.png/300px-MainTabs-Commodities.png" decoding="async" loading="lazy" width="300" height="83" srcset="/images/thumb/d/d8/MainTabs-Commodities.png/450px-MainTabs-Commodities.png 1.5x, /images/thumb/d/d8/MainTabs-Commodities.png/600px-MainTabs-Commodities.png 2x" data-file-width="612" data-file-height="169"></a></div>
|'''[[:Category:Engine|Engine]]'''<br /> Performance Tuning
<div class="home-card__foreground">Commodities</div>
| align="center" |[[Image:p_vx_exhaust.jpg|50px]]
</div>
|'''[[:Category:Exhaust|Exhaust]]'''<br /> Finding that purrrfect tone.
<div class="home-card home-card--button" id="home-nav-Locations">
| align="center" |[[Image:p_vx_ext.jpg|50px]]
<div class="home-card__background"><a href="/Locations" title="Locations"><img alt="MainTabs-Locations.png" src="/images/thumb/4/4f/MainTabs-Locations.png/300px-MainTabs-Locations.png" decoding="async" loading="lazy" width="300" height="114" srcset="/images/thumb/4/4f/MainTabs-Locations.png/450px-MainTabs-Locations.png 1.5x, /images/4/4f/MainTabs-Locations.png 2x" data-file-width="505" data-file-height="192"></a></div>
|'''[[:Category:Exterior|Exterior]]'''<br /> Exterior Mods.
<div class="home-card__foreground">Locations</div>
| align="center" |[[Image:p_vx_intake.jpg|50px]]
</div>
|'''[[:Category:Intake|Intake]]'''<br /> Filters, CAI, Ram air.
<div class="home-card home-card--button" id="home-nav-Factions">
|-
<div class="home-card__background"><a href="/Factions" title="Factions"><img alt="MainTabs-Factions.png" src="/images/thumb/4/42/MainTabs-Factions.png/300px-MainTabs-Factions.png" decoding="async" loading="lazy" width="300" height="145" srcset="/images/thumb/4/42/MainTabs-Factions.png/450px-MainTabs-Factions.png 1.5x, /images/4/42/MainTabs-Factions.png 2x" data-file-width="513" data-file-height="248"></a></div>
| align="center" |[[Image:p_vx_int.jpg|50px]]
<div class="home-card__foreground">Factions</div>
|'''[[:Category:Interior|Interior]]'''<br /> What is better than our stock leather wrapped Recaro's?
</div>
| align="center" |[[Image:p_vx_suspension.jpg|50px]]
<div class="home-card home-card--button" id="home-nav-Characters">
|'''[[:Category:Suspension|Suspension]]'''<br /> Beef up that suspension
<div class="home-card__background"><a href="/Characters" title="Characters"><img alt="MainTabs-Characters.png" src="/images/thumb/9/99/MainTabs-Characters.png/300px-MainTabs-Characters.png" decoding="async" loading="lazy" width="300" height="123" srcset="/images/thumb/9/99/MainTabs-Characters.png/450px-MainTabs-Characters.png 1.5x, /images/thumb/9/99/MainTabs-Characters.png/600px-MainTabs-Characters.png 2x" data-file-width="745" data-file-height="305"></a></div>
| align="center" |[[Image:p_vx_wheels.jpg|50px]]
<div class="home-card__foreground">Characters</div>
||'''[[:Category:Wheels & Tires|Wheels & Tires]]'''<br /> How big are your wheels
</div>
| align="center" |[[Image:p_vx_misc.jpg|50px]]
<div class="home-card home-card--button" id="home-nav-AlienRaces">
|'''[[:Category:Misc|Misc]]'''<br /> ???
<div class="home-card__background"><a href="/Alien_Races" title="Alien Races"><img alt="MainTabs-AlienRaces.png" src="/images/3/3b/MainTabs-AlienRaces.png" decoding="async" loading="lazy" width="300" height="115" data-file-width="277" data-file-height="106"></a></div>
|}
<div class="home-card__foreground">Alien Races</div>
</div>
<div class="home-card home-card--button" id="home-nav-Missions">
<div class="home-card__background"><a href="/Missions" title="Missions"><img alt="MainTabs-Missions.png" src="/images/e/e0/MainTabs-Missions.png" decoding="async" loading="lazy" width="300" height="108" data-file-width="194" data-file-height="70"></a></div>
<div class="home-card__foreground">Missions</div>
</div>
<div class="home-card home-card--button" id="home-nav-Lore">
<div class="home-card__background"><a href="/Lore" title="Lore"><img alt="MainTabs-Lore.png" src="/images/5/58/MainTabs-Lore.png" decoding="async" loading="lazy" width="300" height="113" data-file-width="246" data-file-height="93"></a></div>
<div class="home-card__foreground">Lore</div>
</div>
<div class="home-card home-card--button" id="home-nav-Development">
<div class="home-card__background"><a href="/Category:Development" title="Category:Development"><img alt="MainTabs-Development.png" src="/images/thumb/e/ef/MainTabs-Development.png/300px-MainTabs-Development.png" decoding="async" loading="lazy" width="300" height="105" srcset="/images/e/ef/MainTabs-Development.png 1.5x" data-file-width="370" data-file-height="130"></a></div>
<div class="home-card__foreground">Development</div>
</div>
<div class="home-card home-card--button" id="home-nav-Community">
<div class="home-card__background"><a href="/Category:Community" title="Category:Community"><img alt="MainTabs-Community.png" src="/images/thumb/8/89/MainTabs-Community.png/300px-MainTabs-Community.png" decoding="async" loading="lazy" width="300" height="107" srcset="/images/thumb/8/89/MainTabs-Community.png/450px-MainTabs-Community.png 1.5x, /images/thumb/8/89/MainTabs-Community.png/600px-MainTabs-Community.png 2x" data-file-width="651" data-file-height="233"></a></div>
<div class="home-card__foreground">Community</div>
</div>
</div>
</div>
 
|}
<div style="clear: both;"></div>
<div class="col-md-12">
<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-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|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">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> [[:Category:Brakes|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> [[:Category:Drivetrain|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... Lets get these bugs worked out.<br /></p>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Electrical System|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. Superchargers and more.<br /></p>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Engine|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. Best setup?<br /></p>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Exhaust|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, Paint, and that Cladding..<br /></p>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Exterior|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, Cold Air, Ram Air and more.<br /></p>
<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Intake|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> [[: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 class="clearfix visible-xs-block"></div>

Revision as of 03:56, 21 February 2022

Component Lounge
File:P vx audio.jpg Audio & Video
Audiophiles check in here!
File:P vx brakes.jpg Brakes
Increase your stopping power, whats right and whats not.
File:P vx drivetrain.jpg Drivetrain
TOD, Axle Swaps, Gears
File:P vx elecsys.jpg Electrical System
Wire Harness...
File:P vx engine.jpg Engine
Performance Tuning
File:P vx exhaust.jpg Exhaust
Finding that purrrfect tone.
File:P vx ext.jpg Exterior
Exterior Mods.
File:P vx intake.jpg Intake
Filters, CAI, Ram air.
File:P vx int.jpg Interior
What is better than our stock leather wrapped Recaro's?
File:P vx suspension.jpg Suspension
Beef up that suspension
File:P vx wheels.jpg Wheels & Tires
How big are your wheels
File:P vx misc.jpg Misc
 ???