p13b04_resume.html

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

Download (3.11 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>Résumé projet</title>
154
    </head>
155

    
156
    <body>
157
                <header>
158
                <div id="titre_principal">
159
                                        <h1>Web-Serveur GR-sakura</h1>
160
                                        
161
                </div>
162
                
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
        <p>Cette section va expliquer le projet en un court résumé</p>
176
                <p> Tadam !!!</p>
177
                <p>C'était court hein ? :p</p>
178
                
179
                <p>Télécharger l'affiche : <a href="affiche.jpg">ici</a>
180
                </section>
181
                <footer>
182
        <div id="logo_renesas">
183
        </div>
184
        <div id="Projet">
185
                <h1>Projet web-serveur wifi</h1>
186
                <p>p13b04</p>
187
        </div>
188
        <div id="auteurs">
189
                <h1>Auteurs</h1>
190
                <ul>
191
                <li>Jonathan Chassaing</li>
192
                <li>Florent Montes</li>
193
                </ul>
194
        </div>
195
</footer>
196
    </body>
197
</html>