site-web/index.html at main · Bigorthebest/site-web · 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
<!DOCTYPE html>
<html>
    <!-- En tête de ma page -->
    <head>
    <link rel="stylesheet" href="main.css">
    <title>Portfolio/Menu</title>
    </head>
    <meta charset="UTF-8">
    <!-- Corps de ma page -->
    <body>
    <h1>Portfolio de Julien BOUTICOURT</h1>
    <div class="index">
    <a href="index.html" class="lien-rectangle">Menu</a>
    <a href="blender.html" class="lien-rectangle">Blender</a>
    <a href="peintures.html" class="lien-rectangle">Peintures</a>
    <a href="pixel-art.html" class="lien-rectangle">Pixel Art</a>
    <a href="elden-ring.html" class="lien-rectangle">Aventure</a>
    <a href="jdr.html" class="lien-rectangle">Jeu de rôle</a>
    <img src="image/lune.png" class="moon">
    </div>
    <h3>Presentation</h3>
    <p>Bienvenue sur mon site, qui me sert à la fois de portfolio pour la licence ATI et d'endroit pour partager un peu ce que je fais. </br></br>
        J'y expose mes créations artistiques, de mes quelques peintures sur figurines à mes activités de jeu de rôle.</br></br>
        Je mets également ici un début de book que j'avais préparé avant de venir aux portes ouvertes (il n'est pas complet, contrairement à ce que j'avais idéalement envisagé).</br></br>
        <a href="document/Book incomplet bouticourt.pdf" class="centrer">Book en pdf</a></p>
    </br>

    <h3>Demo OpenGL (GL4D)</h3>
    <p>Voici une video que j'ai aussi posté recement, j'en rajouterai surement d'autre par la suite avec l'avancée de mes projets et du concours API8 ! </br>
    <iframe class="no-opacity"
        width="100%"
        height="400vw"
        src="https://www.youtube.com/embed/Ah2_TA_rCx8"
        title="Demo coucher de soleil"
        frameborder="0"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
        allowfullscreen>
    </iframe>
    (il est possible selon le moteur que vous utilisez que la video soit bloquée, dans ce cas <a href="https://youtu.be/Ah2_TA_rCx8">Cliquez ici</a>).
    </p>
    </body>
    </html>