Académique Documents
Professionnel Documents
Culture Documents
5 Beeps - Processor
Failure
Troubleshoot CPU,
motherboard.
6 Beeps - Keyboard
Controller Failure
Troubleshoot keyboard,
motherboard.
8 Beeps - Display
Memory Failure
Trouleshoot graphics card,
motherboard.
10 Beeps - CMOS
Shutdown Register
Failure
HTML <img <label for="img-3"
src="http://farm9.staticflickr.co class="nav-dot" id="img-dot-
<ul class="slides"> m/8061/8237246833_54d8fa37 3"></label>
f0_z.jpg" />
<input type="radio" <label for="img-4"
name="radio-btn" id="img-1" </div> class="nav-dot" id="img-dot- <div class="n
checked /> 4"></label>
</li>
<li class="slide-container"> <div class="slide">
<label for="img-5" <img src=
<input type="radio" class="nav-dot" id="img-dot-
</div> name="radio-btn" id="img-5" /> <div class="nav"> <label for="img-6"
5"></label>
</li> <li class="slide-container"> <label for="img-6"
<input type="radio" class="nav-dot" id="img-dot-
<div class="slide">
name="radio-btn" id="img-2" /> 6"></label>
<img
<li class="slide-container"> </li>
src="http://farm9.staticflickr.co
m/8055/8098750623_66292a35 </ul>
<div class="slide">
c0_z.jpg" />
<img
</div> <div class="n
src="http://farm9.staticflickr.co
m/8504/8365873811_d32571df </li>
3d_z.jpg" />
<input type="radio"
</div> name="radio-btn" id="img-6" /> <div class="nav"> <label for="img-1"
html, body { background: #333 width: 609px; text-shadow: 0px 0px 15px
url("https://codepen.io/images rgb(119, 119, 119);
height: 420px;
/classy_fabric.png"); }
}
display: block;
.slides {
.slide:hover + .nav label {
position: absolute;
padding: 0; opacity: 0.5; }
transform: scale(0);
width: 609px; .nav label:hover { opacity: 1; }
transition: all .7s ease-in-out;
height: 420px; .nav .next { right: 0; }
}
display: block; input:checked + .slide-
.slide img { container .slide {
margin: 0 auto;
width: 100%; opacity: 1;
position: relative;
height: 100%; transform: scale(1);
}
} transition: opacity 1s ease-in-
.slides * { out;
.nav label {
user-select: none; }
width: 200px;
-ms-user-select: none; input:checked + .slide-
height: 100%; container .nav label { display:
-moz-user-select: none;
block; }
display: none;
-khtml-user-select: none;
position: absolute;
-webkit-user-select: none;
.nav-dots {
opacity: 0;
-webkit-touch-callout: none;
width: 100%;
z-index: 9;
}
bottom: 9px;
cursor: pointer;
height: 11px;
transition: opacity .2s;
.slides input { display: none; }
display: block;
color: #FFF;
position: absolute;
font-size: 156pt;
.slide-container { display:
text-align: center;
block; } text-align: center;
} }
.nav-dots .nav-dot { /*
top: -5px;
border-radius: 100%;
display: inline-block; */
background-color:
rgba(0, 0, 0, 0.6);
.nav-dots .nav-dot:hover {
cursor: pointer;
background-color:
rgba(0, 0, 0, 0.8);
input#img-1:checked ~ .nav-
dots label#img-dot-1,
input#img-2:checked ~ .nav-
dots label#img-dot-2,
input#img-3:checked ~ .nav-
dots label#img-dot-3,
input#img-4:checked ~ .nav-
dots label#img-dot-4,
input#img-5:checked ~ .nav-
dots label#img-dot-5,
input#img-6:checked ~ .nav-
dots label#img-dot-6 {
background: rgba(0, 0,
0, 0.8);