testweb/index.html at main · Villiteam/testweb · 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
<!DOCTYPE html>
<html lang="en">

<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">
    <title>Demo</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css"
        integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="/style.css">
</head>

<body>
    <div class="container-fluid">
        <div class="icon-wrapper">
            <img src="/assets/Logo_CSGtrans.png" alt="icon team" class="icon-team">
            <img src="/assets/logo_EN.png" alt="icon trg" class="icon-school">
        </div>
        <div class="row">
            <div class="content col-md-6">
                <div class="content-wrapper">

                    <h2>talkshow</2>
                        <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit, eveniet.</h3>
                        <h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit, eveniet.</h4>
                </div>
            </div>
            <img src="/assets/Untitled-1.png" alt="hinh" class="img-ceo col-md-6">
        </div>
        <div class="row" style="border-bottom: 1px solid black;">
            <div class="col-md" style="border-right: 1px solid black;">Lorem ipsum dolor sit amet consectetur adipisicing
                elit. Harum laboriosam deleniti odit aut modi quia soluta animi, perferendis minus, nam temporibus
                suscipit veritatis fugiat dignissimos? Laborum dignissimos iure perferendis dolorum exercitationem quasi
                voluptas! Enim culpa ut architecto tenetur neque adipisci dolor iure nisi, sapiente eum quam veniam odit
                eos, quo in quisquam at tempore numquam accusamus. Sit delectus obcaecati sunt numquam, temporibus,
                necessitatibus earum, sint ut rem molestias repellat praesentium! Corporis provident odio fugiat iusto
                dignissimos hic repellat perferendis ipsam ea quisquam, deleniti quae voluptas consectetur, dolorum in
                animi? Temporibus sit dolorum ipsum architecto, dicta dignissimos qui voluptatum fugit impedit!</div>
            <div class="col-md">
                <ul>
                    <li>html</li>
                    <li>awduaw</li>
                </ul>
            </div>
        </div>
        <div class="row">
            <div class="col-md" style="border-right: 1px solid black;">Lorem, ipsum dolor sit amet consectetur adipisicing
                elit. Possimus ab molestiae impedit. Possimus recusandae similique odit quaerat aliquid ipsa iste
                eveniet nesciunt repellat autem, quas magnam obcaecati quisquam quibusdam iure.</div>
            <div class="col-md  "></div>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
        crossorigin="anonymous"></script>
</body>

</html>