p13b04_temperature.html

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

Download (3.23 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>Affichage température</title>
154
    </head>
155
    <body>
156
                <header>
157
                <div id="titre_principal">
158
                                        <h1>Web-Serveur GR-sakura</h1>
159
                                        
160
                </div>
161
                
162
                <nav>
163
                    <ul>
164
                        <li><a href="index.html">Accueil</a></li>
165
                        <li><a href="informations.html">Infos</a></li>
166
                        <li><a href="led.html">Contrôle des Leds</a></li>
167
                                                <li><a href="temperature.html">Temperature</a></li>
168
                                                <li><a href="resume.html">Resume</a></li>
169
                                                <li><a href="http://am.renesas.com">Renesas</a></li>
170
                    </ul>
171
                </nav>
172
        </header>
173
        <section>
174
                <h1>Température de la cible</h1>
175
        <p>La témpérature du RX63N peut être récupérée, il nous reste maintenant à comprendre comment l'afficher sur une page web</p>
176
                </section>
177
                <footer>
178
        <div id="logo_renesas">
179
        </div>
180
        <div id="Projet">
181
                <h1>Projet web-serveur wifi</h1>
182
                <p>p13b04</p>
183
        </div>
184
        <div id="auteurs">
185
                <h1>Auteurs</h1>
186
                <ul>
187
                <li>Jonathan Chassaing</li>
188
                <li>Florent Montes</li>
189
                </ul>
190
        </div>
191
</footer>
192
    </body>
193
</html>