p13b04_index.html

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

Download (3.62 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-size:14pt;
10
        font-family:arial;
11
        }
12

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

23
        /* Entete*/
24

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

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

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

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

52

53
        /* Navigation */
54

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

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

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

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

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

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

99
        /* Footer */
100

101
        footer
102
        {
103
                background:  url('images/ico_top.png') no-repeat top center, url('images/separateur.png') repeat-x top, url('images/ombre.png') repeat-x top;
104
                padding-top: 25px;
105
                width: 80%;
106
                margin: auto;
107
        }
108

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

114
        footer h1
115
        {
116
                font-size: 1.1em;
117
        }
118

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

125
        #logo_renesas
126
        {
127
                width: 28%;
128
        }
129

130
        #Projet
131
        {
132
                width: 35%;
133
        }
134

135
        #auteurs
136
        {
137
                width: 31%;
138
        }
139

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

146
        #auteurs ul
147
        {
148
                display: inline-block;
149
                vertical-align: top;
150
                margin-top: 0;
151
                width: 48%;
152
                list-style-image: url('images/ico_liensexterne.png');
153
                padding-left: 2px;
154
        }
155
        </style>
156
        <title>Web-Serveur GR-sakura</title>
157
</head>
158
<body>
159
<header>
160
                <div id="titre_principal">
161
                        <h1>Web-Serveur GR-sakura</h1>
162
                </div>
163
                <nav>
164
                        <ul>
165
                        <li><a href="index.html">Accueil</a></li>
166
                        <li><a href="informations.html">Infos</a></li>
167
                        <li><a href="led.html">Contrôle des Leds</a></li>
168
                        <li><a href="temperature.html">Temperature</a></li>
169
                        <li><a href="resume.html">Resume</a></li>
170
                        <li><a href="http://am.renesas.com">Renesas</a></li>
171
                        </ul>
172
                </nav>
173
</header>
174
<section>
175
        <h1>Bienvenue sur le site de test du web-serveur wifi GR-SAKURA !</h1>
176
        <h2>Vous êtes ici à l'acueil du site</h2>
177
        <p>Sur ce site web de démonstration, vous allez pouvoir découvrir plusieurs choses :</p>
178
        <ul>
179
        <li>Des informations sur le fonctionnement du site et sur le projet qui en est à l'origine</li>
180
        <li>Une page dédiée au contrôle des leds présentent sur la carte</li>
181
        <li>Une page permettant de renvoyer la température du RX63N</li>
182
        <li>Une page permettant d'afficher des images</li>
183
        </ul>
184
        <p>Comme vous pouvez le voir, ce site permet de faire des actions différentes et complémentaire, qui démontre des possibilités très étendues. A vous de le modeler à votre image !</p>
185
</section>
186
<footer>
187
        <div id="logo_renesas">
188
        </div>
189
        <div id="Projet">
190
                <h1>Projet web-serveur wifi</h1>
191
                <p>p13b04</p>
192
        </div>
193
        <div id="auteurs">
194
                <h1>Auteurs</h1>
195
                <ul>
196
                <li>Jonathan Chassaing</li>
197
                <li>Florent Montes</li>
198
                </ul>
199
        </div>
200
</footer>
201
</body>
202
</html>