From 1bfca556c37f3941296da71381565fa29cbb26a0 Mon Sep 17 00:00:00 2001 From: Raghu-Ch Date: Mon, 6 Feb 2017 23:50:15 -0800 Subject: [PATCH] Initial commit for Bookmark Application --- css/style.css | 157 ++++++++++++++++++++++++++++++++++++++++++++++++++ main.html | 54 +++++++++++++++++ 2 files changed, 211 insertions(+) create mode 100644 css/style.css create mode 100644 main.html diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..cb2d27a --- /dev/null +++ b/css/style.css @@ -0,0 +1,157 @@ +/* Space out content a bit */ + +body { + + padding-top: 20px; + + padding-bottom: 20px; + +} + + + +/* Everything but the jumbotron gets side spacing for mobile first views */ + +.header, + +.marketing, + +.footer { + + padding-right: 15px; + + padding-left: 15px; + +} + + + +/* Custom page header */ + +.header { + + padding-bottom: 20px; + + border-bottom: 1px solid #e5e5e5; + +} + +/* Make the masthead heading the same height as the navigation */ + +.header h3 { + + margin-top: 0; + + margin-bottom: 0; + + line-height: 40px; + +} + + + +/* Custom page footer */ + +.footer { + + padding-top: 19px; + + color: #777; + + border-top: 1px solid #e5e5e5; + +} + + + +/* Customize container */ + +@media (min-width: 768px) { + + .container { + + max-width: 730px; + + } + +} + +.container-narrow > hr { + + margin: 30px 0; + +} + + + +/* Main marketing message and sign up button */ + +.jumbotron { + + text-align: center; + + border-bottom: 1px solid #e5e5e5; + +} + +.jumbotron .btn { + + padding: 14px 24px; + + font-size: 21px; + +} + + + +/* Supporting marketing content */ + +.marketing { + + margin: 40px 0; + +} + +.marketing p + h4 { + + margin-top: 28px; + +} + + + +/* Responsive: Portrait tablets and up */ + +@media screen and (min-width: 768px) { + + /* Remove the padding we set earlier */ + + .header, + + .marketing, + + .footer { + + padding-right: 0; + + padding-left: 0; + + } + + /* Space out the masthead */ + + .header { + + margin-bottom: 30px; + + } + + /* Remove the bottom border on the jumbotron for visual effect */ + + .jumbotron { + + border-bottom: 0; + + } + +} diff --git a/main.html b/main.html new file mode 100644 index 0000000..23962d5 --- /dev/null +++ b/main.html @@ -0,0 +1,54 @@ + + + + + + + Bookmarks Application + + + + + + + + +
+
+

Bookmarker

+
+ +
+

Bookmark Your Favorite Sites

+
+
+ Site Name + +
+
+ Site URL + +
+
+
+ +
+
+
+
+
+ +
+

© 2016 Bookmarker, Inc.

+
+
+ + + + + + +