diff --git a/bootstrap_4_site_files/Bootstrap 4 Site Files/img/background.png b/Bootstrap4_project/img/background.png similarity index 100% rename from bootstrap_4_site_files/Bootstrap 4 Site Files/img/background.png rename to Bootstrap4_project/img/background.png diff --git a/bootstrap_4_site_files/Bootstrap 4 Site Files/img/background2.png b/Bootstrap4_project/img/background2.png similarity index 100% rename from bootstrap_4_site_files/Bootstrap 4 Site Files/img/background2.png rename to Bootstrap4_project/img/background2.png diff --git a/bootstrap_4_site_files/Bootstrap 4 Site Files/img/background3.png b/Bootstrap4_project/img/background3.png similarity index 100% rename from bootstrap_4_site_files/Bootstrap 4 Site Files/img/background3.png rename to Bootstrap4_project/img/background3.png diff --git a/bootstrap_4_site_files/Bootstrap 4 Site Files/img/bootstrap2.png b/Bootstrap4_project/img/bootstrap2.png similarity index 100% rename from bootstrap_4_site_files/Bootstrap 4 Site Files/img/bootstrap2.png rename to Bootstrap4_project/img/bootstrap2.png diff --git a/bootstrap_4_site_files/Bootstrap 4 Site Files/img/desk.png b/Bootstrap4_project/img/desk.png similarity index 100% rename from bootstrap_4_site_files/Bootstrap 4 Site Files/img/desk.png rename to Bootstrap4_project/img/desk.png diff --git a/bootstrap_4_site_files/Bootstrap 4 Site Files/img/gif/chicken.gif b/Bootstrap4_project/img/gif/chicken.gif similarity index 100% rename from bootstrap_4_site_files/Bootstrap 4 Site Files/img/gif/chicken.gif rename to Bootstrap4_project/img/gif/chicken.gif diff --git a/bootstrap_4_site_files/Bootstrap 4 Site Files/img/gif/panda.gif b/Bootstrap4_project/img/gif/panda.gif similarity index 100% rename from bootstrap_4_site_files/Bootstrap 4 Site Files/img/gif/panda.gif rename to Bootstrap4_project/img/gif/panda.gif diff --git a/bootstrap_4_site_files/Bootstrap 4 Site Files/img/gif/poo.gif b/Bootstrap4_project/img/gif/poo.gif similarity index 100% rename from bootstrap_4_site_files/Bootstrap 4 Site Files/img/gif/poo.gif rename to Bootstrap4_project/img/gif/poo.gif diff --git a/bootstrap_4_site_files/Bootstrap 4 Site Files/img/gif/unicorn.gif b/Bootstrap4_project/img/gif/unicorn.gif similarity index 100% rename from bootstrap_4_site_files/Bootstrap 4 Site Files/img/gif/unicorn.gif rename to Bootstrap4_project/img/gif/unicorn.gif diff --git a/bootstrap_4_site_files/Bootstrap 4 Site Files/img/logo.png b/Bootstrap4_project/img/logo.png similarity index 100% rename from bootstrap_4_site_files/Bootstrap 4 Site Files/img/logo.png rename to Bootstrap4_project/img/logo.png diff --git a/bootstrap_4_site_files/Bootstrap 4 Site Files/img/mac.png b/Bootstrap4_project/img/mac.png similarity index 100% rename from bootstrap_4_site_files/Bootstrap 4 Site Files/img/mac.png rename to Bootstrap4_project/img/mac.png diff --git a/bootstrap_4_site_files/Bootstrap 4 Site Files/img/team1.png b/Bootstrap4_project/img/team1.png similarity index 100% rename from bootstrap_4_site_files/Bootstrap 4 Site Files/img/team1.png rename to Bootstrap4_project/img/team1.png diff --git a/bootstrap_4_site_files/Bootstrap 4 Site Files/img/team2.png b/Bootstrap4_project/img/team2.png similarity index 100% rename from bootstrap_4_site_files/Bootstrap 4 Site Files/img/team2.png rename to Bootstrap4_project/img/team2.png diff --git a/bootstrap_4_site_files/Bootstrap 4 Site Files/img/team3.png b/Bootstrap4_project/img/team3.png similarity index 100% rename from bootstrap_4_site_files/Bootstrap 4 Site Files/img/team3.png rename to Bootstrap4_project/img/team3.png diff --git a/bootstrap_4_site_files/Bootstrap 4 Site Files/img/w3newbie.png b/Bootstrap4_project/img/w3newbie.png similarity index 100% rename from bootstrap_4_site_files/Bootstrap 4 Site Files/img/w3newbie.png rename to Bootstrap4_project/img/w3newbie.png diff --git a/Bootstrap4_project/index.html b/Bootstrap4_project/index.html new file mode 100644 index 0000000..64f27db --- /dev/null +++ b/Bootstrap4_project/index.html @@ -0,0 +1,68 @@ + + + + + + Complete Bootstrap 4 Website Layout + + + + + + + + + + + + + + + + + +
+
+
+ hello world +
+
+ +
+
+
+ + \ No newline at end of file diff --git a/Bootstrap4_project/style.css b/Bootstrap4_project/style.css new file mode 100644 index 0000000..01c3d75 --- /dev/null +++ b/Bootstrap4_project/style.css @@ -0,0 +1,305 @@ +@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700'); + +html, body { + height: 100%; + width: 100%; + font-family: 'Poppins', sans-serif; + color: #222; +} + +.navbar { + padding: .8rem; // rem is based on font size so if base font size is 16px 1 rem is 16px + background-color: green; +} + +.navbar-dark { + background-color: blue; +} + +.navbar-light { + background-color: green; +} + +.navbar-nav li { + padding-right: 20px; +} + +.nav-link { + font-size: 1.1em; +} + +.carousel-inner img { + width: 100%; + height: 100%; +} + +.carousel-caption { + position: absolute; + top: 50%; + transform: translateY(-50%); +} + +.carousel-caption h1 { + font-size: 500%; + text-transform: uppercase; + text-shadow: 1px 1px 15px #000; +} + +.carousel-caption h3 { + font-size: 200%; + font-weight: 500; + text-shadow: 1px 1px 10px #000; + padding-bottom: 1rem; +} + +.btn-primary { + background-color: #6648b1; + border: 1px solid #563d7c; +} + +.btn-primary:hover { + background-color: #563d7c; + border: 1px solid #563d7c; +} + +.jumbotron { + padding: 1rem; + border-radius: 0; +} + +.padding { + padding-bottom: 2rem; +} + +.welcome { + width: 75%; + margin: 0 auto; + padding-top: 2rem; +} + +.welcome hr { + border-top: 2px solid #b4b4b4; + width: 95%; + margin-top: .3rem; + margin-bottom: 1rem; +} + +.fa-code { + color: #e54d26; +} + +.fa-bookmark { + color: #563d72; +} + +.fa-css3 { + color: #2163af; +} + +.fa-code, .fa-bookmark, .fa-css3 { + font-size: 4em; + margin: 1rem; +} + +.fun { + width: 100%; + margin-bottom: 2rem; +} + +.gif { + max-width: 100% +} + +.social a { + font-size: 4.5em; + padding: 3rem; +} + +.fa-facebook { + color: #3b5998; +} + +.fa-twitter { + color: #00aced; +} + +.fa-instagram { + color: #517fa4; +} + +.fa-google-plus-g { + color: #dd4b39; +} + +.fa-youtube { + color: #bb0000; +} + +.fa-facebook:hover, +.fa-twitter:hover, +.fa-instagram:hover, +.fa-google-plus-g:hover, +.fa-youtube:hover { + color: #d5d5d5; +} + +footer { + padding-top: 2rem; + background: #3f3f3f; + color: #d5d5d5; +} + +hr.light { + border-top: 1px solid #d5d5d5; + width: 75%; + margin-top: .8rem; + margin-bottom: 1rem; +} + +footer a { + color: #d5d5d5 +} + +hr.light-100 { + border-top: 1px solid #d5d5d5; + width: 100%; + margin-top: .8rem; + margin-bottom: 1rem; +} + +/*---Media Queries --*/ +@media (max-width: 992px) { + .social a { + font-size: 4em; + padding: 2rem; + } + +} +@media (max-width: 768px) { + .carousel-caption { + top: 45%; + } + + .carousel-caption h1 { + font-size: 350%; + } + + .carousel-caption h3 { + font-size: 140%; + font-weight: 400; + padding-bottom: .2rem; + } + + .carousel-caption .btn { + font-size: 95%; + padding: 8px 14px; + } + + .display-4 { + font-size: 200%; + } + + .social a { + font-size: 2.5em; + padding: 1.4rem; + } +} +@media (max-width: 576px) { + .carousel-caption { + top: 40%; + } + + .carousel-caption h1 { + font-size: 250%; + } + + .carousel-caption h3 { + font-size: 110%; + } + + .carousel-caption .btn { + font-size: 90%; + padding: 4px 8px; + } + + .carousel-indicators { + display: none; + } + + .social a { + font-size: 2em; + padding: .7rem; + } +} + + +/*---Firefox Bug Fix --*/ +.carousel-item { + transition: -webkit-transform 0.5s ease; + transition: transform 0.5s ease; + transition: transform 0.5s ease, -webkit-transform 0.5s ease; + -webkit-backface-visibility: visible; + backface-visibility: visible; +} +/*--- Fixed Background Image --*/ +figure { + position: relative; + width: 100%; + height: 60%; + margin: 0!important; +} +.fixed-wrap { + clip: rect(0, auto, auto, 0); + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +#fixed { + background-image: url('img/mac.png'); + position: fixed; + display: block; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-size: cover; + background-position: center center; + -webkit-transform: translateZ(0); + transform: translateZ(0); + will-change: transform; +} +/*--- Bootstrap Padding Fix --*/ +[class*="col-"] { + padding: 1rem; +} + + + + + +/* +Extra small (xs) devices (portrait phones, less than 576px) +No media query since this is the default in Bootstrap + +Small (sm) devices (landscape phones, 576px and up) +@media (min-width: 576px) { ... } + +Medium (md) devices (tablets, 768px and up) +@media (min-width: 768px) { ... } + +Large (lg) devices (desktops, 992px and up) +@media (min-width: 992px) { ... } + +Extra (xl) large devices (large desktops, 1200px and up) +@media (min-width: 1200px) { ... } +*/ + + + + + + + + diff --git a/Bootstrap4_tut/img/background.png b/Bootstrap4_tut/img/background.png new file mode 100644 index 0000000..abac5b3 Binary files /dev/null and b/Bootstrap4_tut/img/background.png differ diff --git a/Bootstrap4_tut/img/background2.png b/Bootstrap4_tut/img/background2.png new file mode 100644 index 0000000..0877987 Binary files /dev/null and b/Bootstrap4_tut/img/background2.png differ diff --git a/Bootstrap4_tut/img/background3.png b/Bootstrap4_tut/img/background3.png new file mode 100644 index 0000000..7749752 Binary files /dev/null and b/Bootstrap4_tut/img/background3.png differ diff --git a/Bootstrap4_tut/img/bootstrap2.png b/Bootstrap4_tut/img/bootstrap2.png new file mode 100644 index 0000000..838aae7 Binary files /dev/null and b/Bootstrap4_tut/img/bootstrap2.png differ diff --git a/Bootstrap4_tut/img/desk.png b/Bootstrap4_tut/img/desk.png new file mode 100644 index 0000000..f4c26d9 Binary files /dev/null and b/Bootstrap4_tut/img/desk.png differ diff --git a/Bootstrap4_tut/img/gif/chicken.gif b/Bootstrap4_tut/img/gif/chicken.gif new file mode 100644 index 0000000..b31d4ba Binary files /dev/null and b/Bootstrap4_tut/img/gif/chicken.gif differ diff --git a/Bootstrap4_tut/img/gif/panda.gif b/Bootstrap4_tut/img/gif/panda.gif new file mode 100644 index 0000000..0962219 Binary files /dev/null and b/Bootstrap4_tut/img/gif/panda.gif differ diff --git a/Bootstrap4_tut/img/gif/poo.gif b/Bootstrap4_tut/img/gif/poo.gif new file mode 100644 index 0000000..81a3904 Binary files /dev/null and b/Bootstrap4_tut/img/gif/poo.gif differ diff --git a/Bootstrap4_tut/img/gif/unicorn.gif b/Bootstrap4_tut/img/gif/unicorn.gif new file mode 100644 index 0000000..e330629 Binary files /dev/null and b/Bootstrap4_tut/img/gif/unicorn.gif differ diff --git a/Bootstrap4_tut/img/logo.png b/Bootstrap4_tut/img/logo.png new file mode 100644 index 0000000..eb905e9 Binary files /dev/null and b/Bootstrap4_tut/img/logo.png differ diff --git a/Bootstrap4_tut/img/mac.png b/Bootstrap4_tut/img/mac.png new file mode 100644 index 0000000..b9c018b Binary files /dev/null and b/Bootstrap4_tut/img/mac.png differ diff --git a/Bootstrap4_tut/img/team1.png b/Bootstrap4_tut/img/team1.png new file mode 100644 index 0000000..cb4354d Binary files /dev/null and b/Bootstrap4_tut/img/team1.png differ diff --git a/Bootstrap4_tut/img/team2.png b/Bootstrap4_tut/img/team2.png new file mode 100644 index 0000000..4367c8d Binary files /dev/null and b/Bootstrap4_tut/img/team2.png differ diff --git a/Bootstrap4_tut/img/team3.png b/Bootstrap4_tut/img/team3.png new file mode 100644 index 0000000..99d4562 Binary files /dev/null and b/Bootstrap4_tut/img/team3.png differ diff --git a/Bootstrap4_tut/img/w3newbie.png b/Bootstrap4_tut/img/w3newbie.png new file mode 100644 index 0000000..8d762b1 Binary files /dev/null and b/Bootstrap4_tut/img/w3newbie.png differ diff --git a/bootstrap_4_site_files/Bootstrap 4 Site Files/index.html b/Bootstrap4_tut/index.html old mode 100755 new mode 100644 similarity index 100% rename from bootstrap_4_site_files/Bootstrap 4 Site Files/index.html rename to Bootstrap4_tut/index.html diff --git a/bootstrap_4_site_files/Bootstrap 4 Site Files/style.css b/Bootstrap4_tut/style.css old mode 100755 new mode 100644 similarity index 100% rename from bootstrap_4_site_files/Bootstrap 4 Site Files/style.css rename to Bootstrap4_tut/style.css diff --git a/bootstrap_4_site_files/.DS_Store b/bootstrap_4_site_files/.DS_Store deleted file mode 100644 index a6110b8..0000000 Binary files a/bootstrap_4_site_files/.DS_Store and /dev/null differ diff --git a/bootstrap_4_site_files/.gitignore b/bootstrap_4_site_files/.gitignore deleted file mode 100755 index b512c09..0000000 --- a/bootstrap_4_site_files/.gitignore +++ /dev/null @@ -1 +0,0 @@ -node_modules \ No newline at end of file diff --git a/bootstrap_4_site_files/.travis.yml b/bootstrap_4_site_files/.travis.yml deleted file mode 100755 index 18f48b1..0000000 --- a/bootstrap_4_site_files/.travis.yml +++ /dev/null @@ -1,11 +0,0 @@ -sudo: false -language: node_js -node_js: - - "node" -install: npm install -script: - - npm test - - gulp -cache: - directories: - - node_modules diff --git a/bootstrap_4_site_files/Bootstrap 4 Site Files/.DS_Store b/bootstrap_4_site_files/Bootstrap 4 Site Files/.DS_Store deleted file mode 100644 index 3c007cd..0000000 Binary files a/bootstrap_4_site_files/Bootstrap 4 Site Files/.DS_Store and /dev/null differ diff --git a/bootstrap_4_site_files/Bootstrap 4 Site Files/img/.DS_Store b/bootstrap_4_site_files/Bootstrap 4 Site Files/img/.DS_Store deleted file mode 100644 index 2a3c0ac..0000000 Binary files a/bootstrap_4_site_files/Bootstrap 4 Site Files/img/.DS_Store and /dev/null differ diff --git a/bootstrap_4_site_files/Bootstrap 4 Site Files/img/gif/.DS_Store b/bootstrap_4_site_files/Bootstrap 4 Site Files/img/gif/.DS_Store deleted file mode 100644 index 12c2882..0000000 Binary files a/bootstrap_4_site_files/Bootstrap 4 Site Files/img/gif/.DS_Store and /dev/null differ diff --git a/bootstrap_4_site_files/Build-4-Websites.html b/bootstrap_4_site_files/Build-4-Websites.html deleted file mode 100644 index 25305b1..0000000 --- a/bootstrap_4_site_files/Build-4-Websites.html +++ /dev/null @@ -1,71 +0,0 @@ - - - - - - - - - - -

Build 4 Websites With HTML, CSS & Bootstrap

-

Drew's #1 Trending YouTube Tutorial Video Series

-
4 Website YouTube Series
- - - -
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -