20 | This project was written in Cloud9!!!!
9 | 10 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Cloud9 & The Cloud9 Ecosystem Solution Code 2 | 3 | The repo contains the solution code for the *Cloud9* and *The Cloud9 Ecosystem* lessons. 4 | 5 | ## Contents 6 | This solution contains solution code to the following units - 7 | 1. *01-running_hello_world_in_cloud9* 8 | 2. *02-creating_a_navigation_bar* 9 | 3. *03-adding_new_files* 10 | 4. *04-adding_new_folders_and_styles* 11 | 5. *05-cleaing_it_all_up* 12 | 6. *06-the_completed_solution* -------------------------------------------------------------------------------- /03-adding_new_files/README.md: -------------------------------------------------------------------------------- 1 | # First Cloud9 Project 2 | 3 | This is the first project that we've created in the Cloud9 editor. This project is display the technologies that will used throughout this program in a small little dashboard. The purpose of this is that we get an understanding of how to find our around the Cloud9 editor 4 | 5 | ## Technologies Used 6 | 7 | In this project we used some simple HTML5 and CSS3 to build the project, and we wrote our code using the Cloud9 IDE. -------------------------------------------------------------------------------- /02-creating_a_navigation_bar/README.md: -------------------------------------------------------------------------------- 1 | # First Cloud9 Project 2 | 3 | This is the first project that we've created in the Cloud9 editor. This project is display the technologies that will used throughout this program in a small little dashboard. The purpose of this is that we get an understanding of how to find our around the Cloud9 editor 4 | 5 | ## Technologies Used 6 | 7 | In this project we used some simple HTML5 and CSS3 to build the project, and we wrote our code using the Cloud9 IDE. -------------------------------------------------------------------------------- /01-running_hello_world_in_cloud9/README.md: -------------------------------------------------------------------------------- 1 | # First Cloud9 Project 2 | 3 | This is the first project that we've created in the Cloud9 editor. This project is display the technologies that will used throughout this program in a small little dashboard. The purpose of this is that we get an understanding of how to find our around the Cloud9 editor 4 | 5 | ## Technologies Used 6 | 7 | In this project we used some simple HTML5 and CSS3 to build the project, and we wrote our code using the Cloud9 IDE. -------------------------------------------------------------------------------- /04-adding_new_folders_and_styles/README.md: -------------------------------------------------------------------------------- 1 | # First Cloud9 Project 2 | 3 | This is the first project that we've created in the Cloud9 editor. This project is display the technologies that will used throughout this program in a small little dashboard. The purpose of this is that we get an understanding of how to find our around the Cloud9 editor 4 | 5 | ## Technologies Used 6 | 7 | In this project we used some simple HTML5 and CSS3 to build the project, and we wrote our code using the Cloud9 IDE. -------------------------------------------------------------------------------- /05-cleaning_it_all_up/video_solution/README.md: -------------------------------------------------------------------------------- 1 | # First Cloud9 Project 2 | 3 | This is the first project that we've created in the Cloud9 editor. This project is display the technologies that will used throughout this program in a small little dashboard. The purpose of this is that we get an understanding of how to find our around the Cloud9 editor 4 | 5 | ## Technologies Used 6 | 7 | In this project we used some simple HTML5 and CSS3 to build the project, and we wrote our code using the Cloud9 IDE. -------------------------------------------------------------------------------- /05-cleaning_it_all_up/challenge_solution/README.md: -------------------------------------------------------------------------------- 1 | # First Cloud9 Project 2 | 3 | This is the first project that we've created in the Cloud9 editor. This project is display the technologies that will used throughout this program in a small little dashboard. The purpose of this is that we get an understanding of how to find our around the Cloud9 editor 4 | 5 | ## Technologies Used 6 | 7 | In this project we used some simple HTML5 and CSS3 to build the project, and we wrote our code using the Cloud9 IDE. -------------------------------------------------------------------------------- /03-adding_new_files/stream-one.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |This project was written in Cloud9!!!!
16 | 17 | -------------------------------------------------------------------------------- /04-adding_new_folders_and_styles/css/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | padding: 0; 4 | font-family: 'Oswald', sans-serif; 5 | } 6 | 7 | nav ul { 8 | list-style: none; 9 | background-color: #4a4a4f; 10 | text-align: center; 11 | padding: 0; 12 | margin: 0; 13 | } 14 | 15 | nav li { 16 | font-size: 1.2em; 17 | line-height: 40px; 18 | height: 40px; 19 | display: inline-block; 20 | margin-left: 2.5%; 21 | } 22 | 23 | nav a { 24 | text-decoration: none; 25 | color: #fff; 26 | display: block; 27 | } 28 | 29 | nav a:hover { 30 | background-color: #fff; 31 | color: #4a4a4f; 32 | } -------------------------------------------------------------------------------- /05-cleaning_it_all_up/video_solution/css/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | padding: 0; 4 | font-family: 'Oswald', sans-serif; 5 | } 6 | 7 | nav ul { 8 | list-style: none; 9 | background-color: #4a4a4f; 10 | text-align: center; 11 | padding: 0; 12 | margin: 0; 13 | } 14 | 15 | nav li { 16 | font-size: 1.2em; 17 | line-height: 40px; 18 | height: 40px; 19 | display: inline-block; 20 | margin-left: 2.5%; 21 | } 22 | 23 | nav a { 24 | text-decoration: none; 25 | color: #fff; 26 | display: block; 27 | } 28 | 29 | nav a:hover { 30 | background-color: #fff; 31 | color: #4a4a4f; 32 | } 33 | 34 | .card { 35 | float: left; 36 | width: 15%; 37 | margin-left: 15%; 38 | } 39 | 40 | .card a { 41 | text-align: center; 42 | } 43 | 44 | img { 45 | width: 100%; 46 | height: 180px; 47 | } 48 | 49 | h1 { 50 | text-align: center; 51 | } -------------------------------------------------------------------------------- /05-cleaning_it_all_up/challenge_solution/css/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | padding: 0; 4 | font-family: 'Oswald', sans-serif; 5 | } 6 | 7 | nav ul { 8 | list-style: none; 9 | background-color: #4a4a4f; 10 | text-align: center; 11 | padding: 0; 12 | margin: 0; 13 | } 14 | 15 | nav li { 16 | font-size: 1.2em; 17 | line-height: 40px; 18 | height: 40px; 19 | display: inline-block; 20 | margin-left: 2.5%; 21 | } 22 | 23 | nav a { 24 | text-decoration: none; 25 | color: #fff; 26 | display: block; 27 | } 28 | 29 | nav a:hover { 30 | background-color: #fff; 31 | color: #4a4a4f; 32 | } 33 | 34 | h1 { 35 | text-align: center; 36 | } 37 | 38 | .card { 39 | float: left; 40 | width: 30%; 41 | margin-left: 15%; 42 | max-width: 260px; 43 | min-width: 150px; 44 | } 45 | 46 | .card a { 47 | text-align: center; 48 | } 49 | 50 | img { 51 | width: 100%; 52 | height: 180px; 53 | } -------------------------------------------------------------------------------- /05-cleaning_it_all_up/challenge_solution/stream-one.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |
20 | 
26 | 
32 | 
38 | 
44 | 
50 |
21 |
27 |
33 |
41 |
47 |
53 | 
21 | 
27 | 
33 |
41 |
47 | 
53 |
21 | 
27 | 
33 |
41 |
47 |
53 |