From 85eb41550a181df55bc8c845018251fd72b1ac11 Mon Sep 17 00:00:00 2001 From: rebeccapeltz Date: Fri, 29 Mar 2024 11:04:48 -0700 Subject: [PATCH] service optional;open facetime/email in contacts;add way to override BS --- README.md | 26 ++---- about.html | 16 ++-- bootstrap.md | 118 ------------------------- contact.html | 20 ++--- css/custom.css | 4 + index.html | 230 ++++++++++++++++++++++++++----------------------- services.html | 26 +++--- 7 files changed, 166 insertions(+), 274 deletions(-) delete mode 100644 bootstrap.md create mode 100644 css/custom.css diff --git a/README.md b/README.md index 031ccf6..bca1eb5 100644 --- a/README.md +++ b/README.md @@ -16,30 +16,22 @@ The above copyright notice and this permission notice shall be included in all c ### Images -#### Fake Image +[Fake Image](https://betterplaceholder.com/) -https://betterplaceholder.com/ +[Raw Pixel Public Domain Collection](https://www.rawpixel.com/public-domain/rawpixel-collection) -#### Unsplash.it +[Picsum Photos](https://picsum.photos/) -https://picsum.photos/ - +[Unsplash](https://unsplash.com/) -#### Unsplash - -https://unsplash.com/ - -#### Pexels - -https://www.pexels.com/ +[Pexels](https://www.pexels.com/) ### Text -#### Lorem Ipsum - -https://loremipsum.io/ +[Lorem Picsum](https://loremipsum.io/) -#### chat gpt (AI) +[Chat GPI AI](https://chatgpt.com/) -https://chatgpt.com/ +### Fonts +[Google Fonts](https://fonts.google.com/) diff --git a/about.html b/about.html index f3e31af..ed243ac 100644 --- a/about.html +++ b/about.html @@ -3,16 +3,17 @@ - - - - (Site Name) + + + + (Site or Page Identifier) - + - + + - + @@ -28,7 +29,6 @@ - diff --git a/bootstrap.md b/bootstrap.md deleted file mode 100644 index 5551ecb..0000000 --- a/bootstrap.md +++ /dev/null @@ -1,118 +0,0 @@ -# Bootstrap used in starter - -NAV -container px-5 -navbar -navbar-expand-lg -navbar-dark -navbar-brand -navbar-toggler -navbar-toggler -nav-item -nav-link -active - -data-bs-toggle="collapse" -data-bs-target="#navbarSupportedContent" -aria-controls="navbarSupportedContent" -aria-expanded="false" -aria-label="Toggle navigation" - - -bg-dark - - - -PAGE CONTENT -container px-4 px-lg-5 - -HEADING ROW -row -gx-4 gutter width padding left and right both *-left and *-right -gx-lg-5 -align-items-center -my-5 -col-lg-7 (add to 12 in a row) - -IMAGE -img-fluid -rounded -mb-4 -mb-lg-0 -col-lg-5 (add to 12 in a row) -font-weight-light (heading) -btn -btn-primary anchor tag styled as button - -CALL TO ACTION CARD -card -text-white -bg-secondary -my-5 -py-4 -text-center - -card-body -text-white -m-0 - -CONTENT ROW - -row -gx-4 -gx-lg-5 - -COLUMN Bootstrap Grid System uses Flexbox -https://getbootstrap.com/docs/4.0/layout/grid/ -col-md-4 -mb-5 - -CARD -card -h-100 - -card-img-top image - -card-body -p-4 - -text-center -fw-bolder - -card-footer p-4 pt-0 border-top-0 bg-transparent - -CALL TO ACTION CARD -card -text-white -bg-secondary -my-5 -py-4 -text-center - -card-body -text-white -m-0 - - -https://getbootstrap.com/docs/5.0/utilities/colors/ - -BACKGROUND COLOR -https://getbootstrap.com/docs/5.0/utilities/background/ -bg-xxx color primary, secondary ... -bg-xxx.bg-gradient - -THEME COLORS -https://getbootstrap.com/docs/5.0/customize/color/ - - -FONT-SIZE -https://getbootstrap.com/docs/5.0/utilities/text - font-size - font-weight - - FONTS - https://fonts.google.com/ - - - LINE-HEIGHT - TEXT-DECORRATION \ No newline at end of file diff --git a/contact.html b/contact.html index 88a2f47..dc567c4 100644 --- a/contact.html +++ b/contact.html @@ -4,15 +4,16 @@ - - - (Site Name) + + + (Site or Page Identifier) - + - + + - + @@ -28,7 +29,6 @@ - @@ -123,16 +123,16 @@

Contact us

diff --git a/css/custom.css b/css/custom.css new file mode 100644 index 0000000..52d35a2 --- /dev/null +++ b/css/custom.css @@ -0,0 +1,4 @@ +/* overwrite bootstrap color white */ +.navbar-brand { + color: yellow !important; +} \ No newline at end of file diff --git a/index.html b/index.html index 5ca8b84..731392f 100644 --- a/index.html +++ b/index.html @@ -1,117 +1,125 @@ - - - - - - (Site Name) - - - - - - - - - + +
+ +
+
...
+
+

(Page Header)

+

(Something about the website)

+ Call to Action!
- -
-

This call to action card is a great place to showcase some important information or display a clever tagline!

+
+ +
+
+

This call to action card is a great place to showcase some important + information or display a clever tagline!

- -
-
-
- - ... - -
-
- -
Fancy Product 1
- - $40.00 - $80.00 -
-
- - + +
+
+
+ + ... + +
+
+ +
Fancy Product 1
+ + $40.00 - $80.00
+ +
-
-
- ... -
-
-
Fancy Product 2
- $40.00 - $80.00 -
-
- - +
+
+ ... +
+
+
Fancy Product 2
+ $40.00 - $80.00
+ +
- -
-
- ... -
-
-
Fancy Product 3
- $40.00 - $80.00 -
-
- + +
+
+ ... +
+
+
Fancy Product 3
+ $40.00 - $80.00
+
+
-
-
- ... -
-
-
Fancy Product 4
- $40.00 - $80.00 -
-
- + + +
+
+

This call to action card is a great place to showcase some important + information or display a clever tagline!

- - -
-

This call to action card is a great place to showcase some important information or display a clever tagline!

- -
-

Copyright © (Copyright Name) 2024

-
- - - - - - + +
+
+

Copyright © (Copyright Name) 2024

+
+
+ + + + + + + \ No newline at end of file diff --git a/services.html b/services.html index 0a9ec79..c5c9061 100644 --- a/services.html +++ b/services.html @@ -3,23 +3,19 @@ - - - - (Site Name) + + + + (Site or Page Identifier) - + - - + + - - - + - - @@ -35,7 +31,6 @@ -
@@ -63,6 +58,11 @@

(Header)

+ + + + + \ No newline at end of file