Template:Hp-slider: Difference between revisions

From Electrical Installation Guide
m (Protected "Template:Hp-slider" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)))
(updated as PPR-EN - using template and form)
Line 1: Line 1:
<div class="hp-slider row">
{{Hp-sliders
<div id="carousel-example-generic" class="carousel slide" data-interval="false" data-ride="carousel"  data-interval="10000">
|title=Electrical Installation Guide
<ol class="carousel-indicators">
|image=EIG-2018-banner_2560x600.jpg
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
|text=Get the latest edition in PDF (2018) !
<!--------------------- disable other sliders for the moment --------------
|btn-text=Download
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
|link={{MediaWiki:eig-pdfdownloadlink}}
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
}}
-------------------------------------------------------------------------->
<!----- other slider parameters can be stored here for later (re-)use (copy/paste between here and upper part) ------------------------->
</ol>
<!------------------ Photovoltaic --------------------------------------------------
<div class="carousel-inner">
|title=Solar self-consumption
<!--------------------- sliders data from here --------------------------->
|image=photovoltaic-slider-image.jpg
<div class="item active">[[File:EIG-2018-banner_2560x600.jpg|class=img-responsive|link=]]
|text=NEW!<br>State-of-the-art recommendations from our experts.
<div class="carousel-caption">
|btn-text=Discover now
<h4>Electrical Installation Guide</h4>
|link=Photovoltaic architectures for self-consumption
<p class="text">Get the latest edition in PDF (2018) !</p>
----------------------------------------------------------------------------------->
[{{MediaWiki:eig-pdfdownloadlink}} <span class="btn btn-primary">Download</span>]
<!------------------ EcoStruxure Power Design Guide --------------------------------------------------
</div>
|title=EcoStruxure™ Power Digital Applications Design Guide
</div>
|image=804486810-2560x600.jpg
<!--------------------- disable other sliders for the moment ---------------------------
|text=New IEC Design Guide for consulting engineers, designers, system integrators and EcoXperts
<div class="item">[[File:photovoltaic-slider-image.jpg|class=img-responsive|link=]]
|btn-text=Download
<div class="carousel-caption">
|link=https://www.schneider-electric.com/en/work/products/product-launch/digital-applications-design-guide/
<h4>Photovoltaic self-consumption</h4>
----------------------------------------------------------------------------------->
<p class="text">NEW!<br>State-of-the-art recommendations from our experts.</p>
<!------------------ Overvoltage Protection --------------------------------------------------
[[PhotoVoltaic_(PV)_installation|<span class="btn btn-primary">Discover now</span>]]
|title=Overvoltage protection
</div>
|image=2550x600-al.jpg
</div>
|text=Pages dedicated to surge protection have just been updated. The emphasis is to select the best surge protection. This is additional text to test how it looks if long description needed (German ...)
<div class="item">[[File:804486810-2560x600.jpg|class=img-responsive|link=]]
|btn-text=Learn more
<div class="carousel-caption">
|link=Overvoltage_protection
<h4>EcoStruxure™ Power Digital Applications Design Guide</h4>
----------------------------------------------------------------------------------->
<p class="text">New IEC Design Guide for consulting engineers, designers, system integrators and EcoXperts</p>
[https://www.schneider-electric.com/en/work/products/product-launch/digital-applications-design-guide/ <span class="btn btn-primary">Download</span>]
</div>
</div>
<div class="item">[[File:2550x600-al.jpg|class=img-responsive|link=]]
<div class="carousel-caption">
<h4>Overvoltage protection</h4>
<p class="text">Pages dedicated to surge protection have just been updated. The emphasis is to select the best surge protection. This is additional text to test how it looks if long description needed (German ...)</p>
[[Overvoltage_protection|<span class="btn btn-primary">Learn more</span>]]
</div>
</div>
-------------------------------------------------------------------------->
</div>
<!--------------------- disable carousel control as there is only one slider ---------------------------
<span class="left carousel-control" data-target="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</span>
<span class="right carousel-control" data-target="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</span>
-------------------------------------------------------------------------->
</div>
</div>

Revision as of 14:16, 27 March 2020