Template:Hp-slider: Difference between revisions

From Electrical Installation Guide
m (1 revision imported: Import new Homepage templates (exported from PPR))
(Added Fire Prevention slider)
 
(11 intermediate revisions by the same user not shown)
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 Fire Prevention
<ol class="carousel-indicators">
|image=HP-Slider-Fire_prevention_2024.jpg
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
|text=Access the latest standards, regulations, and complete solutions to mitigate the risk of electrical fires in commercial and industrial buildings.
<!--------------------- disable other sliders for the moment --------------
|btn-text=Download now!
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
|link=https://go.schneider-electric.com/WW_201907_Electrical-Fire-Prevention-Guide-Content_EA-LP-EN.html?source=Content&sDetail=Electrical-Fire-Prevention-Guide_WW
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
|title2=Prosumer Electrical Installations
-------------------------------------------------------------------------->
|image2=HP-Slider-Prosumer-2023.jpg
</ol>
|text2=New wiki content!<br>Guidelines for the design of Prosumer Electrical Installations according to IEC 60364 standard series (IEC 60364-8-82 2022 ...).
<div class="carousel-inner">
|btn-text2=Discover now!
<!--------------------- sliders data from here --------------------------->
|link2=Design of Prosumer electrical installations
<div class="item active">[[File:EIG-2018-banner_2560x600.jpg|class=img-responsive|link=]]
}}
<div class="carousel-caption">
<!--
<h4>Electrical Installation Guide</h4>
-------------------- other slider parameters can be stored here for later (re-)use (copy/paste between here and upper part) ------------------------->
<p class="text">Get the latest edition in PDF (2018) !</p>
<!------------------ MV Guide 2022 --------------------------------------------------
[{{MediaWiki:eig-pdfdownloadlink}} <span class="btn btn-primary">Download</span>]
|title=New release of the Medium Voltage Technical guide
</div>
|image=hp-slider_MV_guide_2022.jpg
</div>
|text=Explore the new version of the MV technical guide to help you design, install, and operate efficient MV installations.<br>And discover latest IEC standards evolutions.
<!--------------------- disable other sliders for the moment ---------------------------
|btn-text=Download (PDF)
<div class="item">[[File:photovoltaic-slider-image.jpg|class=img-responsive|link=]]
|link=https://www.se.com/ww/en/work/products/product-launch/medium-voltage-technical-guide/
<div class="carousel-caption">
<!------------------ EV charging --------------------------------------------------
<h4>Photovoltaic self-consumption</h4>
|title2=Electric Vehicle charging
<p class="text">NEW!<br>State-of-the-art recommendations from our experts.</p>
|image2=HP-Slider-EV-charging-EN 1920x450.jpg
[[PhotoVoltaic_(PV)_installation|<span class="btn btn-primary">Discover now</span>]]
|text2=New wiki chapter!<br>Trends, fundamentals, EV charging station design, integration into existing or new electrical installation, smart charging...
</div>
|btn-text2=Discover now!
</div>
|link2=Electric Vehicle charging
<div class="item">[[File:804486810-2560x600.jpg|class=img-responsive|link=]]
<!------------------ Photovoltaic --------------------------------------------------
<div class="carousel-caption">
|title=Solar self-consumption
<h4>EcoStruxure™ Power Digital Applications Design Guide</h4>
|image=photovoltaic-slider-image.jpg
<p class="text">New IEC Design Guide for consulting engineers, designers, system integrators and EcoXperts</p>
|text=NEW!<br>State-of-the-art recommendations from our experts.
[https://www.schneider-electric.com/en/work/products/product-launch/digital-applications-design-guide/ <span class="btn btn-primary">Download</span>]
|btn-text=Discover now
</div>
|link=Photovoltaic architectures for self-consumption
</div>
----------------------------------------------------------------------------------->
<div class="item">[[File:2550x600-al.jpg|class=img-responsive|link=]]
<!------------------ EcoStruxure Power Design Guide --------------------------------------------------
<div class="carousel-caption">
|title=EcoStruxure™ Power Digital Applications Design Guide
<h4>Overvoltage protection</h4>
|image=804486810-2560x600.jpg
<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>
|text=New IEC Design Guide for consulting engineers, designers, system integrators and EcoXperts
[[Overvoltage_protection|<span class="btn btn-primary">Learn more</span>]]
|btn-text=Download
</div>
|link=https://www.schneider-electric.com/en/work/products/product-launch/digital-applications-design-guide/
</div>
----------------------------------------------------------------------------------->
-------------------------------------------------------------------------->
<!------------------ Overvoltage Protection --------------------------------------------------
</div>
|title=Overvoltage protection
<!--------------------- disable carousel control as there is only one slider ---------------------------
|image=2550x600-al.jpg
<span class="left carousel-control" data-target="#carousel-example-generic" role="button" data-slide="prev">
|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 ...)
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
|btn-text=Learn more
<span class="sr-only">Previous</span>
|link=Overvoltage_protection
</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>

Latest revision as of 14:09, 28 October 2024