p13b04_led.html

axel BARRIEUX, 04/08/2021 02:32 PM

Download (4.05 KB)

 
1
<!DOCTYPE html>
2
<html>
3
   <head>
4
        <meta charset="utf-8" />
5
                <link rel="icon" type="image/png" href="sakura_ico.png" />
6
                <style>
7
                p{
8
        color:black;
9
        font-family:arial;
10
}
11

12
a{
13
        color: purple;
14
        text-decoration: underline;
15
}
16
body{
17
        background-color: #88b0e9;
18
        font-family: 'Trebuchet MS', Arial, sans-serif;
19
    color: #181818;
20
}
21

22
/* Entete*/
23

24
header
25
{
26
        background-color: #b168c1;
27
        border: 5px solid #7b0095;
28
        border-radius: 20px;
29
        width: 80%;
30
        margin: auto;
31
}
32

33
header h1
34
{
35
    font-family: 'BallparkWeiner', serif;
36
    font-size: 2.5em;
37
    font-weight: normal;
38
}
39

40
#titre_principal
41
{
42
    display: inline-block;
43
}
44

45
#logo, header h1
46
{
47
    display: inline-block;
48
    margin-bottom: 0px;
49
}
50

51

52
/* Navigation */
53

54
nav
55
{
56
    display: inline-block;
57
    width: 740px;
58
    text-align: right;
59
}
60

61
nav ul
62
{
63
    list-style-type: none;
64
}
65

66
nav li
67
{
68
    display: inline-block;
69
    margin-right: 15px;
70
}
71

72
nav a
73
{
74
    font-size: 1.3em;
75
    color: #181818;
76
    padding-bottom: 3px;
77
    text-decoration: none;
78
}
79

80
nav a:hover
81
{
82
    color: #760001;
83
    border-bottom: 3px solid #760001;
84
}
85

86
/* Corps */
87
section
88
{
89
        background-color: #ffffff;
90
        border-radius: 4px;
91
        width: 80%;
92
        margin: auto;
93
        margin-top: 10px;
94
        padding: 5px 5px 5px 5px;
95
        box-shadow: 0px 4px 4px #1c1a19;
96
}
97

98
/* Footer */
99

100
footer
101
{
102
    padding-top: 25px;
103
        width: 80%;
104
        margin: auto;
105
}
106

107
footer p, footer ul
108
{
109
    font-size: 0.8em;
110
}
111

112
footer h1
113
{
114
    font-size: 1.1em;
115
}
116

117
#logo_renesas, #Projet, #auteurs
118
{
119
    display: inline-block;
120
    vertical-align: top;
121
}
122

123
#logo_renesas
124
{
125
    width: 28%;
126
}
127

128
#Projet
129
{
130
    width: 35%;
131
}
132

133
#auteurs
134
{
135
    width: 31%;
136
}
137

138
#logo_renesas img
139
{
140
    border: 1px solid #181818;
141
    margin-right: 2px;
142
}
143

144
#auteurs ul
145
{
146
    display: inline-block;
147
    vertical-align: top;
148
    margin-top: 0;
149
    width: 48%;
150
    padding-left: 2px;
151
}
152
                </style>
153
                <title>Control led GR-sakura</title>
154
    </head>
155

    
156
    <body>
157
        
158
                <header>
159
                <div id="titre_principal">
160
                                        <h1>Web-Serveur GR-sakura</h1>
161
                                        
162
                </div>
163
                
164
                <nav>
165
                    <ul>
166
                        <li><a href="index.html">Accueil</a></li>
167
                        <li><a href="informations.html">Infos</a></li>
168
                        <li><a href="led.html">Contrôle des Leds</a></li>
169
                                                <li><a href="temperature.html">Temperature</a></li>
170
                                                <li><a href="resume.html">Resume</a></li>
171
                                                <li><a href="http://am.renesas.com">Renesas</a></li>
172
                    </ul>
173
                </nav>
174
        </header>
175
                <section>
176
        <h1>Control des LEDs de la carte GR-sakura</h1>
177
        
178
                <form action="led.html" method="get">
179
                 <fieldset>
180
                         <label for="led1">Led 1 : </label>
181
                         <label for="led1">On</label>
182
                         <input type="radio" value="On" name="led1" />
183
                         <label for="led1">Off</label>
184
                         <input type="radio" value="Off" name="led1" />
185
                 </fieldset>
186
                 <fieldset>
187
                         <label for="led2">Led 2 : </label>
188
                         <label for="led2">On</label>
189
                         <input type="radio" value="On" name="led2" />
190
                         <label for="led2">Off</label>
191
                         <input type="radio" value="Off" name="led2" />
192
                 </fieldset>
193
                 <fieldset>
194
                         <label for="led3">Led orange : </label>
195
                         <label for="led3">On</label>
196
                         <input type="radio" value="On" name="led3" />
197
                         <label for="led3">Off</label>
198
                         <input type="radio" value="Off" name="led3" />
199
                 </fieldset>
200
                 <fieldset>
201
                         <label for="led3">Led rouge : </label>
202
                         <label for="led3">On</label>
203
                         <input type="radio" value="On" name="led4" />
204
                         <label for="led3">Off</label>
205
                         <input type="radio" value="Off" name="led4" />
206
                 </fieldset>
207
                <input type="submit" />
208
                </form>
209
                </section>
210
                <footer>
211
                        <div id="logo_renesas">
212
                        </div>
213
                        <div id="Projet">
214
                                <h1>Projet web-serveur wifi</h1>
215
                                <p>p13b04</p>
216
                        </div>
217
                        <div id="auteurs">
218
                                <h1>Auteurs</h1>
219
                                <ul>
220
                                <li>Jonathan Chassaing</li>
221
                                <li>Florent Montes</li>
222
                                </ul>
223
                        </div>
224
                </footer>
225
    </body>
226
</html>