-
Notifications
You must be signed in to change notification settings - Fork 1
/
yahoo.html
83 lines (77 loc) · 5.18 KB
/
yahoo.html
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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="yahoostyle.css">
<title>Yahoo</title>
</head>
<body>
<main class="container-fluid">
<div id="ui" class="d-flex flex-column">
<div>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Yahoo News</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pricing</a>
</li>
</ul>
<span class="navbar-text">
Navbar text with an inline element
</span>
</div>
</nav>
</div>
<div>
<div class="row">
<div class="col-12 col-md-8 bg-gray order-md-2">main content
main content
main content
main content
main content
main content
main content
Automatically update Bootstrap navigation or list group components based on scroll position to indicate which link is currently active in the viewport.
Automatically update Bootstrap navigation or list group components based on scroll position to indicate which link is currently active in the viewport.
Automatically update Bootstrap navigation or list group components based on scroll position to indicate which link is currently active in the viewport.
Automatically update Bootstrap navigation or list group components based on scroll position to indicate which link is currently active in the viewport.
Automatically update Bootstrap navigation or list group components based on scroll position to indicate which link is currently active in the viewport.
Automatically update Bootstrap navigation or list group components based on scroll position to indicate which link is currently active in the viewport.
Automatically update Bootstrap navigation or list group components based on scroll position to indicate which link is currently active in the viewport.
Automatically update Bootstrap navigation or list group components based on scroll position to indicate which link is currently active in the viewport.
Automatically update Bootstrap navigation or list group components based on scroll position to indicate which link is currently active in the viewport.
Automatically update Bootstrap navigation or list group components based on scroll position to indicate which link is currently active in the viewport.
Automatically update Bootstrap navigation or list group components based on scroll position to indicate which link is currently active in the viewport.
Automatically update Bootstrap navigation or list group components based on scroll position to indicate which link is currently active in the viewport.
Automatically update Bootstrap navigation or list group components based on scroll position to indicate which link is currently active in the viewport.
Automatically update Bootstrap navigation or list group components based on scroll position to indicate which link is currently active in the viewport.
</div>
<div class="col col-md-4 order-first order-md-last bg-primary">
<div class="sticky-top bg-red">
sidebar
</div>
</div>
</div>
</div>
<div>footer</div>
</div>
</main>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0" crossorigin="anonymous"></script>
</body>
</html>