From 004f447c54867f33f0f6f8ba0d522f89ebb6c4fa Mon Sep 17 00:00:00 2001 From: StephanieCzetli Date: Wed, 16 Dec 2020 00:24:41 -0500 Subject: [PATCH 1/2] first commit - added html main content --- README.md | 2 +- cards.html | 107 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 108 insertions(+), 1 deletion(-) create mode 100644 cards.html diff --git a/README.md b/README.md index 5394956..4b8de68 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@ # HTML CSS Pair Programming Lab 3 ## Description -You will pair program with a partner to complete this assignemnt. One partner, the driver, should share their screen and be the one typing. The other partner, the observer, should review each line of code. Both partners should be cooperating when solving problems. When an objective has been met, the driver should push the code to the GitHub account, the observer should pull the changes, and the two partners switch roles. +You will pair program with a partner to complete this assignment. One partner, the driver, should share their screen and be the one typing. The other partner, the observer, should review each line of code. Both partners should be cooperating when solving problems. When an objective has been met, the driver should push the code to the GitHub account, the observer should pull the changes, and the two partners switch roles. ## Steps 1. The page should have a navbar diff --git a/cards.html b/cards.html new file mode 100644 index 0000000..f17762d --- /dev/null +++ b/cards.html @@ -0,0 +1,107 @@ + + + + + + + Company Pricing + + + + + + +
+

Pricing

+

Quickly build an effective pricing table for your potential customers with this Bootstrap example. It's built with default Bootstrap components and utilities with little customization.

+
+ +
+
+

Free

+

$0 / mo

+
    +
  • 10 users included
    • +
  • 2GB of storage
    • +
  • Email support
    • +
  • Help center access
    • +
+ +
+
+

Pro

+

$15 / mo

+
    +
  • 20 users included
    • +
  • 10GB of storage
    • +
  • Priority Email support
    • +
  • Help center access
    • +
+ +
+
+

Enterprise

+

$29 / mo

+
    +
  • 30 users included
    • +
  • 15GB of storage
    • +
  • Phone and email support
    • +
  • Help center access
    • +
+ +
+
+
+ + + + + + + + + + From f2037a3f6017c942b6d8a387c22fc8ebd055630d Mon Sep 17 00:00:00 2001 From: StephanieCzetli Date: Sat, 26 Dec 2020 15:14:57 -0500 Subject: [PATCH 2/2] second commit - revised html & added styles --- cards.html | 219 +++++++++++++++++++++++++++++------------------------ style.css | 11 +++ 2 files changed, 132 insertions(+), 98 deletions(-) create mode 100644 style.css diff --git a/cards.html b/cards.html index f17762d..263696f 100644 --- a/cards.html +++ b/cards.html @@ -1,107 +1,130 @@ - - - - - - Company Pricing - + + + + + + + + - + + - + Pricing Page -
-

Pricing

-

Quickly build an effective pricing table for your potential customers with this Bootstrap example. It's built with default Bootstrap components and utilities with little customization.

-
- -
-
-

Free

-

$0 / mo

-
    -
  • 10 users included
    • -
  • 2GB of storage
    • -
  • Email support
    • -
  • Help center access
    • -
- -
-
-

Pro

-

$15 / mo

-
    -
  • 20 users included
    • -
  • 10GB of storage
    • -
  • Priority Email support
    • -
  • Help center access
    • -
- -
-
-

Enterprise

-

$29 / mo

-
    -
  • 30 users included
    • -
  • 15GB of storage
    • -
  • Phone and email support
    • -
  • Help center access
    • -
- -
-
-
+ + -
- -
-
Features
-
    -
  • Cool stuff
    • -
  • Random feature
    • -
  • Team feature
    • -
  • Stuff for developers
    • -
  • Another one
    • -
  • Last time
    • -
-
-
-
Resources
-
    -
  • Resource
    • -
  • Resource name
    • -
  • Another resource
    • -
  • Final resource
    • -
-
-
-
About
-
    -
  • Team
    • -
  • Locations
    • -
  • Privacy
    • -
  • Terms
    • -
-
-
+
+

Company name

+ + Sign up +
+
+
+

Pricing

+

Quickly build an effective pricing table for your potential customers with this Bootstrap example. It’s built with default Bootstrap components and utilities with little customization.

- - - +
+
+
+
+

Free

+
+
+

$0 / mo

+
    +
  • 10 users included
    • +
  • 2 GB of storage
    • +
  • Email support
    • +
  • Help center access
    • +
+ +
+
+
+
+
+
+

Pro

+
+
+

$15 / mo

+
    +
  • 20 users included
    • +
  • 10 GB of storage
    • +
  • Priority email support
    • +
  • Help center access
    • +
+ +
+
+
+
+
+
+

Enterprise

+
+
+

$29 / mo

+
    +
  • 30 users included
    • +
  • 15 GB of storage
    • +
  • Phone and email support
    • +
  • Help center access
    • +
+ +
+
+
+
+ + +
- + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..675af79 --- /dev/null +++ b/style.css @@ -0,0 +1,11 @@ +.container { + max-width: 960px; +} + +.pricing-header { + max-width: 700px; +} + +a { +text-decoration: none; +}