diff --git a/README.txt b/README.txt index ff63f8d..bef4ec2 100644 --- a/README.txt +++ b/README.txt @@ -1,3 +1,13 @@ First succesful git init for this project. This README is bound to be replaced or edited. + +## Start dev server + +To start a local dev server run this in the root of the project + +```bash +./start_server +``` + +Then goto `http://localhost:8000` \ No newline at end of file diff --git a/carousel.css b/carousel.css new file mode 100644 index 0000000..20300e9 --- /dev/null +++ b/carousel.css @@ -0,0 +1,90 @@ +/* GLOBAL STYLES +-------------------------------------------------- */ +/* Padding below the footer and lighter body text */ + +body { + padding-top: 3rem; + padding-bottom: 3rem; + color: #5a5a5a; +} + + +/* CUSTOMIZE THE CAROUSEL +-------------------------------------------------- */ + +/* Carousel base class */ +.carousel { + margin-bottom: 4rem; +} +/* Since positioning the image, we need to help out the caption */ +.carousel-caption { + bottom: 3rem; + z-index: 10; +} + +/* Declare heights because of positioning of img element */ +.carousel-item { + height: 32rem; +} +.carousel-item > img { + position: absolute; + top: 0; + left: 0; + min-width: 100%; + height: 32rem; +} + + +/* MARKETING CONTENT +-------------------------------------------------- */ + +/* Center align the text within the three columns below the carousel */ +.marketing .col-lg-4 { + margin-bottom: 1.5rem; + text-align: center; +} +.marketing h2 { + font-weight: 400; +} +.marketing .col-lg-4 p { + margin-right: .75rem; + margin-left: .75rem; +} + + +/* Featurettes +------------------------- */ + +.featurette-divider { + margin: 5rem 0; /* Space out the Bootstrap