-
Notifications
You must be signed in to change notification settings - Fork 598
/
code-solo.html
31 lines (22 loc) · 1.45 KB
/
code-solo.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
<!DOCTYPE html>
<html>
<head>
<title>Code Solo</title>
<!-- The code below imports bootstrap CSS - this does the styling. -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
<!-- The code below imports bootstrap JS - this adds interactivity. -->
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
</head>
<body>
<!-- Follow the steps below to build out a quick webpage using boostrap documentation. -->
<!-- 1. Go to getbootstrap.com -->
<!-- 2. In the search bar, type "navbar" and press enter. There are many to choose from,
but scroll and find the one that simply says "Nav" -->
<!-- 3. Copy the HTML code and paste it below. Run your code - what do you see? -->
<!-- 4. Auto-format your page to clean things up. -->
<!-- 5. Next, in the search bar, type "cards" and press enter. Copy the "Example" HTML and paste below. -->
<!-- 6. Find an image you like from a Google search - put this as the src for the img tag. -->
<!-- 7. Scroll through the side menu and see what else you can add - take a look at the options in the "Components" section. -->
<!-- 8. Try out some new code and have fun! 😊 -->
</body>
</html>