Pulse/about.html at master · oxypomme/Pulse · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html lang="fr">

<head>
    <meta charset="UTF-8" />
    <title>A propos</title>
    <link rel="icon" href="images/pageIcon.png" />
    <link rel="stylesheet" media="screen and (min-width:1081px)" href="css/style.css" />
    <link rel="stylesheet" media="screen and (max-width:1080px)" href="css/mobile.css" />
    <meta name="viewport" content="width=max-device-width, initial-scale=1" />
</head>

<body>
    <header>
        <div class="title">
            <a href="index.html#" class="logo50"></a>
            <div class="subtitle">
                A propos
            </div>
        </div>
    </header>
    <aside class="navbar">
        <div>
            <iframe src="nav.html"></iframe>
            <img class="mobile" src="images/icons/mobileMenu.png" alt="menu" />
            <img class="navbar-line computer" src="images/ligne.png" alt="icon navbar" />
            <img class="navbar-arrow computer" src="images/fleche.png" alt="icon navbar" />
        </div>
        <div class="mobile dark-back"></div>
    </aside>
    <main>
        <article>
            <h3>
                Le projet
            </h3>
            <p>
                Nous sommes des élèves du DUT Informatique en première année, avant cela nous avions entamé chacun
                une formation différentes (certains sortent d'un BAC S, d'autre d'une autre faculté, etc.). Certains
                des membres de l'équipe débutent alors que d'autres ont plus d'expérience en HTML/CSS.
            </p>
            <p>
                Ce site a vu le jour grâce à un projet tutoré de première année de DUT Informatique. Il a été
                réalisé par 4 étudiants (<a href="#team">plus d'informations</a>).
                Le projet est en open source sous licence MIT disponible <a href="https://github.com/oxypomme/PT19_20"
                    target="_blank">GitHub</a>.
            </p>
        </article>
        <article id="team">
            <h3>
                L'équipe
            </h3>
            <p>
                Notre équipe est constituée de 4 membres :
            </p>
            <ul class="profile">
                <li>
                    <h3>Nathan HANEN</h3>
                    <div>
                        <img class="round" src="https://avatars0.githubusercontent.com/u/30344403"
                            alt="GitHub profil picture" />
                    </div>
                    <div>
                        <a href="https://github.com/WildGoat07" target="_blank"><img src="images/github.png"
                                alt="GitHub icon" /> Profil GitHub</a>
                    </div>
                    <p>
                        Chef d'équipe, développeur, graphiste et metalleux.
                    </p>
                </li>
                <li>
                    <h3>Tom SUBLET</h3>
                    <div>
                        <img class="round" src="https://avatars1.githubusercontent.com/u/34627360"
                            alt="GitHub profil picture" />
                    </div>
                    <div>
                        <a href="https://github.com/oxypomme" target="_blank"><img src="images/github.png"
                                alt="GitHub icon" /> Profil GitHub</a>
                    </div>
                    <p>
                        Développeur, designer et rockeur dans l'âme.
                    </p>
                </li>
                <li>
                    <h3>Chang GAO</h3>
                    <div>
                        <img class="round" src="https://avatars3.githubusercontent.com/u/56112613"
                            alt="GitHub profil picture" />
                    </div>
                    <div>
                        <a href="https://github.com/catherinegaochangdffeef" target="_blank"><img
                                src="images/github.png" alt="GitHub icon" /> Profil GitHub</a>
                    </div>
                    <p>
                        Designeuse et fan de pop
                    </p>
                </li>
                <li>
                    <h3>Maxime JOURNET</h3>
                    <div>
                        <img class="round" src="https://avatars0.githubusercontent.com/u/56112283"
                            alt="GitHub profil picture" />
                    </div>
                    <div>
                        <a href="https://github.com/maximejournet54" target="_blank"><img src="images/github.png"
                                alt="GitHub icon" /> Profil GitHub</a>
                    </div>
                    <p>
                        Punchliner et passionné de musique, rap et électro
                    </p>
                </li>
            </ul>

        </article>
    </main>
    <footer>
        <iframe src="footer.html"></iframe>
    </footer>
</body>

</html>