From af6e12000bbd4e763387341cb70ff19bec2a78fd Mon Sep 17 00:00:00 2001 From: Carlos Arango Date: Mon, 8 Jan 2018 23:26:51 -0500 Subject: [PATCH] Practice 016 Carlos Arango --- src/016-bootstrap/example/example.css | 60 ++++++++++- src/016-bootstrap/example/index.html | 140 +++++++++++++++++++++++++- src/016-bootstrap/example/reset.css | 48 +++++++++ 3 files changed, 245 insertions(+), 3 deletions(-) create mode 100644 src/016-bootstrap/example/reset.css diff --git a/src/016-bootstrap/example/example.css b/src/016-bootstrap/example/example.css index 1e6ea79..5a37cf4 100644 --- a/src/016-bootstrap/example/example.css +++ b/src/016-bootstrap/example/example.css @@ -1,5 +1,63 @@ /* Practice Layout */ +body { + color: #787878; +} + +a { + color: #F0AD4E; + text-decoration: none; +} + +a:hover { + color: #f07a19; + text-decoration: none; +} + +.navbar-brand { + font-size: 1.2em; + line-height: 2em; + padding-top: 0; +} + +.list-group-item .content { + margin-left: 10px; +} + +.card { + margin-bottom: 20px; +} + +.card.promo p.card-text, .card.search input { + margin-bottom: 20px; +} + .trash{ - color: black; + color: black; +} + +.card.btns button { + width: 100%; + height: 100%; + padding: 15px 20px; + text-align: left; + border: none; +} + +.card.btns .list-group-item { + padding: 0; +} + +.card-group .card { + margin-left: 20px !important; +} + +.card-group .btn.btn-warning { + text-transform: uppercase; +} + +@media (max-width: 800px) { + .card-group .card { + margin-left: 0 !important; + } } \ No newline at end of file diff --git a/src/016-bootstrap/example/index.html b/src/016-bootstrap/example/index.html index 6b64479..e97dace 100644 --- a/src/016-bootstrap/example/index.html +++ b/src/016-bootstrap/example/index.html @@ -11,7 +11,10 @@ + + + @@ -31,10 +34,143 @@
- + +
+
+
+

Talos Travel

+

Travel is the only thing you by that makes you richer

+
+
+ +
+
+
+
What are you looking?
+
    +
  • + +
    +

    Tecnology

    + Click! +
    +
    • +
  • + +
    +

    Architecture

    + Click! +
    +
    • +
  • + +
    +

    People

    + Click! +
    +
    • +
+
+
+
Buy with us!
+
    +
  • + +
    • +
  • + +
    • +
  • + +
    • +
+
+ Flight + Hotels + Hotels + Cars +
+
+
+
+

Are you searching some promotions?

+
+
+

Let us show you some special prices for today.

+ +
+
+
+
+

Are you searching some promotions?

+
+
+ + +
+
+
+ +
+
+
+ +
+

Enrich Your Knowledge

+ +
+
+
+ +
+

Be One With Nature

+ +
+
+
+ +
+

Recommended Places

+ +
+
+
+ +
+

Pet Friendly Places

+ +
+
+
+
+
+
- + + + \ No newline at end of file diff --git a/src/016-bootstrap/example/reset.css b/src/016-bootstrap/example/reset.css new file mode 100644 index 0000000..9ff51eb --- /dev/null +++ b/src/016-bootstrap/example/reset.css @@ -0,0 +1,48 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} \ No newline at end of file