-
iop-115.010 | Preparing Our Server | Lessons
1-
Lecture1.1
-
-
STEP-100
14-
Lecture2.1
-
Lecture2.2
-
Lecture2.3
-
Lecture2.4
-
Lecture2.5
-
Lecture2.6
-
Lecture2.7
-
Lecture2.8
-
Lecture2.9
-
Lecture2.10
-
Lecture2.11
-
Lecture2.12
-
Lecture2.13
-
Lecture2.14
-
-
STEP-101
8-
Lecture3.1
-
Lecture3.2
-
Lecture3.3
-
Lecture3.4
-
Lecture3.5
-
Lecture3.6
-
Lecture3.7
-
Lecture3.8
-
-
STEP-102
9-
Lecture4.1
-
Lecture4.2
-
Lecture4.3
-
Lecture4.4
-
Lecture4.5
-
Lecture4.6
-
Lecture4.7
-
Lecture4.8
-
Lecture4.9
-
-
STEP-103
7-
Lecture5.1
-
Lecture5.2
-
Lecture5.3
-
Lecture5.4
-
Lecture5.5
-
Lecture5.6
-
Lecture5.7
-
-
STEP-104
7-
Lecture6.1
-
Lecture6.2
-
Lecture6.3
-
Lecture6.4
-
Lecture6.5
-
Lecture6.6
-
Lecture6.7
-
-
STEP-105
5-
Lecture7.1
-
Lecture7.2
-
Lecture7.3
-
Lecture7.4
-
Lecture7.5
-
-
Challange
1-
Lecture8.1
-
-
STEP-106
4-
Lecture9.1
-
Lecture9.2
-
Lecture9.3
-
Lecture9.4
-
-
STEP-107 NOT READY
5-
Lecture10.1
-
Lecture10.2
-
Lecture10.3
-
Lecture10.4
-
Lecture10.5
-
-
STEP-108 NOT READY
4-
Lecture11.1
-
Lecture11.2
-
Lecture11.3
-
Lecture11.4
-
-
STEP-109 NOT READY
4-
Lecture12.1
-
Lecture12.2
-
Lecture12.3
-
Lecture12.4
-
-
STEP-110 NOT READY
4-
Lecture13.1
-
Lecture13.2
-
Lecture13.3
-
Lecture13.4
-
iop-100.1 | Building The Footer | Exercise Assignment
In this video, we create the footer for our inside out project website. Additionally, we realize that we do, in fact, need jQuery and add it in to our site.
Action Items to Complete
- Complete all steps completed in the video “inside out – STEP 100.0 | Building The Header”.
<- 00:00 – Introduction
- 00:28 – overview
- 00:58 – grab the footer code from bootsnipp
- 01:56 – paste footer html in the index.html file
- 03:00 – create the assets/css/footer.css file
- 03:56 – grab the css from bootsnipp
- 04:14 – paste css in the footer.css
- 04:33 – add comment to css for source
- 06:15 – linnk footer.css in index.html
- 06:38 – comment footer css link
- 07:18 – link font awsome in index.html
- 08:58 – link jquery in index.html
- 10:09 – resolve tooltips error in console
- 11:54 – link popper in index.html
- 12:23 – remove the slim version of jQuery
- 13:16 – research tether error in coonsole
- 14:51 – link tether in the index.html file
- 15:58 – resolve unclosed wrappe div tag
- 16:11 – begin troubleshooting tag issue
- 17:30 – fix closing tag issue – wrapper div
- 18:03 – move doctypeThe declaration must be the very first thing in your HTML document, before the tag. The declaration is not an HTML tag; it is an instruction to the web browser about what version of HTML the page is written in. In HTML 4.01, the declaration refers to a DTD, because HTML 4.01 was based on SGML. The D... to above the comments
- 18:24 – validate our code/work
- 18:56 – clean content to prepare for merge
- 19:11 – add & commit
- 20:06 – clean footer content
- 23:06 – add & commit to prepare for merge
CDN Resources for this lesson
- <script src=”https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js” integrity=”sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=” crossorigin=”anonymous”></script>
- <script src=”https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js” integrity=”sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q” crossorigin=”anonymous”></script>
- <script src=”https://npmcdn.com/tether@1.2.4/dist/js/tether.min.js”></script>
- <link href=”https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css” rel=”stylesheet” integrity=”sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN” crossorigin=”anonymous”>