Bootstrap_ProfilePage/index.html at main · Jendunsmore/Bootstrap_ProfilePage · 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
<!doctype html>
<html lang="en" class="h-100" data-bs-theme="dark">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Bootstrap demo</title>
        <link href="style.css" rel="stylesheet" />
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
            integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    </head>

<body class="d-flex h-100 text-center text-bg-dark">
    <div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
        <header class="mb-auto">
            <div>
                <h3 class="float-md-start mb-0"></h3>
                <div class="nav-container" ></div>
                <nav class="nav nav-masthead justify-content-center float-md-end">
                    <a class="nav-link fw-bold text-white py-1 px-4 active" aria-current="page" href="#">Home</a>
                    <a class="nav-link fw-bold text-white py-1 px-4" href="#">Explore</a>
                    <a class="nav-link fw-bold text-white py-1 px-4" href="#">Shop</a>
                    <a class="nav-link fw-bold text-white py-1 px-4" href="#">Subscribe</a>
                </nav>
            </div>
        </header>

        <main class="px-5 fw-bold">
            <h1>My Portfolio</h1>
            <p>
            </p>
            </p>
            <div class="card mb-3 mt-5">
                <h3 class="card-header"></h3>
                <svg xmlns="" class="d-block user-select-none" width="100%" height="200"
                    aria-label="Placeholder"
                    preserveAspectRatio="xMidYMid slice"
                    style="font-size:1.125rem;text-anchor:middle">
                    <rect width="100%" height="100%" fill="#868e96"></rect>
                </svg>
                <div class="card-body">
                </div>
                <div class="card-body">
                    <p>Welcome to my portfolio and blog page!</p>
                </div>
            </div>
                <a href="#" class="btn btn-lg btn-white fw-bold border-white">Explore</a>
            </p>
        </main>

        <footer class="mt-auto text-white-50">
            <p>Created with heart & curse words | jd</p>
        </footer