Spaces:
Running
Running
Update index.html
Browse files- index.html +33 -33
index.html
CHANGED
@@ -14,41 +14,41 @@
|
|
14 |
</head>
|
15 |
<body>
|
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 |
-
</ul>
|
42 |
-
</div>
|
43 |
</div>
|
44 |
-
</nav>
|
45 |
-
|
46 |
-
<div class="hero d-flex flex-column justify-content-center align-items-center" id="home">
|
47 |
-
<img src="https://thumbs.dreamstime.com/b/default-avatar-profile-image-vector-social-media-user-icon-potrait-182347582.jpg" alt="Profile Photo" class="rounded-circle profile-img mb-3"> <h1>John Doe</h1>
|
48 |
-
<p>Web Developer & Designer</p>
|
49 |
-
<a href="#about" class="btn btn-primary mt-3">Learn More</a>
|
50 |
</div>
|
51 |
-
</
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
52 |
|
53 |
<main class="content">
|
54 |
<section class="about" id="about">
|
|
|
14 |
</head>
|
15 |
<body>
|
16 |
|
17 |
+
<header class="header">
|
18 |
+
<nav class="navbar navbar-expand-lg navbar-light bg-transparent fixed-top">
|
19 |
+
<div class="container-fluid">
|
20 |
+
<a class="navbar-brand" href="#home">John Doe</a>
|
21 |
+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
22 |
+
<span class="navbar-toggler-icon"></span>
|
23 |
+
</button>
|
24 |
+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
25 |
+
<ul class="navbar-nav ms-auto"> <li class="nav-item">
|
26 |
+
<a class="nav-link active" aria-current="page" href="#home">Home</a>
|
27 |
+
</li>
|
28 |
+
<li class="nav-item">
|
29 |
+
<a class="nav-link" href="#about">About</a>
|
30 |
+
</li>
|
31 |
+
<li class="nav-item">
|
32 |
+
<a class="nav-link" href="#skills">Skills</a>
|
33 |
+
</li>
|
34 |
+
<li class="nav-item">
|
35 |
+
<a class="nav-link" href="#portfolio">Portfolio</a>
|
36 |
+
</li>
|
37 |
+
<li class="nav-item">
|
38 |
+
<a class="nav-link" href="#contact">Contact</a>
|
39 |
+
</li>
|
40 |
+
</ul>
|
|
|
|
|
41 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
42 |
</div>
|
43 |
+
</nav>
|
44 |
+
|
45 |
+
<div class="hero d-flex flex-column justify-content-center align-items-center" id="home">
|
46 |
+
<img src="https://thumbs.dreamstime.com/b/default-avatar-profile-image-vector-social-media-user-icon-potrait-182347582.jpg" alt="Profile Photo" class="rounded-circle profile-img mb-3">
|
47 |
+
<h1>John Doe</h1>
|
48 |
+
<p>Web Developer & Designer</p>
|
49 |
+
<a href="#about" class="btn btn-primary mt-3">Learn More</a>
|
50 |
+
</div>
|
51 |
+
</header>
|
52 |
|
53 |
<main class="content">
|
54 |
<section class="about" id="about">
|