Integration/index.html at main · TonyV23/Integration · 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
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
    integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
    crossorigin="anonymous" referrerpolicy="no-referrer" />
    <title>Integration Run</title>
</head>
<body>
    <header>
        <div class="container">
            <div>
                <h1>Run</h1>
                <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Consectetur pariatur veniam officiis tempora! Neque, suscipit voluptates repellat minus esse soluta mollitia tempora. Ipsum quibusdam quidem praesentium aperiam maxime. Labore porro magni maiores vel expedita alias, quae fugiat dignissimos molestiae aut!</p>
                <a href="#" class="button">Get Started</a>
            </div>
        </div>
        <div class="img-banner"></div>
    </header>
    <section class="section-1">
        <div class="img"></div>
        <div class="container">
            <div>
                <h2>La piraterie n'est jamais finie</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae aperiam atque aliquam facere porro magni nulla quidem, velit quisquam voluptate! Neque, quibusdam! Optio officia qui, tempora unde natus eius, distinctio, rerum ratione voluptatibus ullam magnam illo magni non recusandae neque?
                </p>
                <a href="#" class="button">Learn more</a>
            </div>
        </div>
    </section>
    <section class="section-2">
        <div class="container">
            <div>
                <h2>If you can't beat it join it</h2>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolores totam eos ipsum voluptas id inventore error consectetur iure magni vel quasi, saepe, facilis aliquid. Velit veniam perspiciatis ipsam incidunt quae non! Doloremque quisquam quia porro tenetur rem possimus aperiam pariatur?</p>
                <a href="#" class="button">Learn more</a>
            </div>
        </div>
        <div class="img"></div>
    </section>
    <section class="contact">
        <h2>Contact Viper23</h2>
        <form action="#">
            <div class="form-grid">
                <div>
                    <label for="name">Name</label>
                    <input type="text" id="name">
                </div>
                <div>
                    <label for="email">Email</label>
                    <input type="text" id="email">
                </div>
                <div class="textarea">
                    <label for="message">Message</label>
                    <textarea id="message"></textarea>
                </div>
            </div>
            <input type="submit" class="button" value="Send Message">
        </form>
    </section>
    <footer>
        <ul>
            <li>
                <a href=""><i class="fab fa-twitter"></i></a>
            </li>
            <li>
                <a href=""><i class="fab fa-facebook"></i></a>
            </li>
            <li>
                <a href=""><i class="fab fa-instagram"></i></a>
            </li>
            <li>
                <a href=""><i class="fab fa-linkedin"></i></a>
            </li>
            <li>
                <a href=""><i class="far fa-envelope"></i></a>
            </li>
        </ul>
    </footer>
</body>
</html>