Skip to content

GitLab

Verified Commit c272086a authored by Thibaut Broggi's avatar Thibaut Broggi
Browse files

Add second color picker (for text color)

parent cbc32e3a
Hide whitespace changes
Inline Side-by-side
Showing with 53 additions and 0 deletions
index.html
View file @ c272086a
......@@ -74,6 +74,59 @@
</div>
</div>
</div>
<h2>Choisissez la couleur du texte</h2>
<div class="colorpicker container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-lg-4 col-xl-3">
<input type="radio" name="fg-color" value="red" id="fg-red"/>
<label for="fg-red">
<span style="background-color: red"></span>
</label>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4 col-xl-3">
<input type="radio" name="fg-color" value="pink" id="fg-pink" />
<label for="fg-pink">
<span style="background-color: pink"></span>
</label>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4 col-xl-3">
<input type="radio" name="fg-color" value="orange" id="fg-orange" />
<label for="fg-orange">
<span style="background-color: orange"></span>
</label>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4 col-xl-3">
<input type="radio" name="fg-color" value="yellow" id="fg-yellow" checked />
<label for="fg-yellow">
<span style="background-color: yellow"></span>
</label>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4 col-xl-3">
<input type="radio" name="fg-color" value="teal" id="fg-teal" />
<label for="fg-teal">
<span style="background-color: teal"></span>
</label>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4 col-xl-3">
<input type="radio" name="fg-color" value="blue" id="fg-blue" />
<label for="fg-blue">
<span style="background-color: blue"></span>
</label>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4 col-xl-3">
<input type="radio" name="fg-color" value="black" id="fg-black" />
<label for="fg-black">
<span style="background-color: black"></span>
</label>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4 col-xl-3">
<input type="radio" name="fg-color" value="white" id="fg-white" />
<label for="fg-white">
<span style="background-color: white"></span>
</label>
</div>
</div>
</div>
<div class="navButtons">
<a href="#step2" class="nextButton">ÉTAPE SUIVANTE &rsaquo;</a>
</div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment