From 9749a8b3aa369025c397bb92b32863eb8cebec27 Mon Sep 17 00:00:00 2001 From: Caen Jones <131218155+CaenJones@users.noreply.github.com> Date: Sun, 10 Dec 2023 12:38:52 -0500 Subject: [PATCH] Add files via upload --- components/feature-card2.css | 43 +++++++++++++++++++++ components/feature-card2.html | 68 ++++++++++++++++++++++++++++++++++ components/feature-card21.css | 43 +++++++++++++++++++++ components/feature-card21.html | 68 ++++++++++++++++++++++++++++++++++ components/feature-card22.css | 43 +++++++++++++++++++++ components/feature-card22.html | 68 ++++++++++++++++++++++++++++++++++ components/feature-card23.css | 43 +++++++++++++++++++++ components/feature-card23.html | 68 ++++++++++++++++++++++++++++++++++ components/feature-card24.css | 43 +++++++++++++++++++++ components/feature-card24.html | 68 ++++++++++++++++++++++++++++++++++ 10 files changed, 555 insertions(+) create mode 100644 components/feature-card2.css create mode 100644 components/feature-card2.html create mode 100644 components/feature-card21.css create mode 100644 components/feature-card21.html create mode 100644 components/feature-card22.css create mode 100644 components/feature-card22.html create mode 100644 components/feature-card23.css create mode 100644 components/feature-card23.html create mode 100644 components/feature-card24.css create mode 100644 components/feature-card24.html diff --git a/components/feature-card2.css b/components/feature-card2.css new file mode 100644 index 0000000..6bd4ddc --- /dev/null +++ b/components/feature-card2.css @@ -0,0 +1,43 @@ +.feature-card2-feature-card { + width: 100%; + display: flex; + padding: var(--dl-space-space-unit); + position: relative; + align-items: flex-start; + flex-direction: row; + justify-content: flex-start; +} +.feature-card2-icon { + fill: var(--dl-color-gray-500); + width: 2rem; + height: 2rem; + flex-shrink: 0; + margin-right: var(--dl-space-space-oneandhalfunits); +} +.feature-card2-container { + display: flex; + align-items: flex-start; + flex-direction: column; + justify-content: flex-start; +} +.feature-card2-text { + font-weight: 600; + margin-bottom: var(--dl-space-space-unit); +} + + + + +@media(max-width: 767px) { + .feature-card2-feature-card { + flex-direction: row; + } + .feature-card2-container { + flex-direction: column; + } +} +@media(max-width: 479px) { + .feature-card2-container { + flex-direction: column; + } +} diff --git a/components/feature-card2.html b/components/feature-card2.html new file mode 100644 index 0000000..5f9686e --- /dev/null +++ b/components/feature-card2.html @@ -0,0 +1,68 @@ + + + + The Purple Bubble + + + + + + + + + + + + +
+ +
+ + + +
+

Lorem ipsum

+ + + Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lorem + lorem, malesuada in metus vitae, scelerisque accumsan ipsum. + + +
+
+
+ + diff --git a/components/feature-card21.css b/components/feature-card21.css new file mode 100644 index 0000000..3cedffe --- /dev/null +++ b/components/feature-card21.css @@ -0,0 +1,43 @@ +.feature-card21-feature-card { + width: 100%; + display: flex; + padding: var(--dl-space-space-unit); + position: relative; + align-items: flex-start; + flex-direction: row; + justify-content: flex-start; +} +.feature-card21-icon { + fill: var(--dl-color-gray-500); + width: 2rem; + height: 2rem; + flex-shrink: 0; + margin-right: var(--dl-space-space-oneandhalfunits); +} +.feature-card21-container { + display: flex; + align-items: flex-start; + flex-direction: column; + justify-content: flex-start; +} +.feature-card21-text { + font-weight: 600; + margin-bottom: var(--dl-space-space-unit); +} + + + + +@media(max-width: 767px) { + .feature-card21-feature-card { + flex-direction: row; + } + .feature-card21-container { + flex-direction: column; + } +} +@media(max-width: 479px) { + .feature-card21-container { + flex-direction: column; + } +} diff --git a/components/feature-card21.html b/components/feature-card21.html new file mode 100644 index 0000000..3e37a6a --- /dev/null +++ b/components/feature-card21.html @@ -0,0 +1,68 @@ + + + + The Purple Bubble + + + + + + + + + + + + +
+ +
+ + + +
+

Lorem ipsum

+ + + Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lorem + lorem, malesuada in metus vitae, scelerisque accumsan ipsum. + + +
+
+
+ + diff --git a/components/feature-card22.css b/components/feature-card22.css new file mode 100644 index 0000000..0b0eeaa --- /dev/null +++ b/components/feature-card22.css @@ -0,0 +1,43 @@ +.feature-card22-feature-card { + width: 100%; + display: flex; + padding: var(--dl-space-space-unit); + position: relative; + align-items: flex-start; + flex-direction: row; + justify-content: flex-start; +} +.feature-card22-icon { + fill: var(--dl-color-gray-500); + width: 2rem; + height: 2rem; + flex-shrink: 0; + margin-right: var(--dl-space-space-oneandhalfunits); +} +.feature-card22-container { + display: flex; + align-items: flex-start; + flex-direction: column; + justify-content: flex-start; +} +.feature-card22-text { + font-weight: 600; + margin-bottom: var(--dl-space-space-unit); +} + + + + +@media(max-width: 767px) { + .feature-card22-feature-card { + flex-direction: row; + } + .feature-card22-container { + flex-direction: column; + } +} +@media(max-width: 479px) { + .feature-card22-container { + flex-direction: column; + } +} diff --git a/components/feature-card22.html b/components/feature-card22.html new file mode 100644 index 0000000..d73e369 --- /dev/null +++ b/components/feature-card22.html @@ -0,0 +1,68 @@ + + + + The Purple Bubble + + + + + + + + + + + + +
+ +
+ + + +
+

Lorem ipsum

+ + + Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lorem + lorem, malesuada in metus vitae, scelerisque accumsan ipsum. + + +
+
+
+ + diff --git a/components/feature-card23.css b/components/feature-card23.css new file mode 100644 index 0000000..77f2a78 --- /dev/null +++ b/components/feature-card23.css @@ -0,0 +1,43 @@ +.feature-card23-feature-card { + width: 100%; + display: flex; + padding: var(--dl-space-space-unit); + position: relative; + align-items: flex-start; + flex-direction: row; + justify-content: flex-start; +} +.feature-card23-icon { + fill: var(--dl-color-gray-500); + width: 2rem; + height: 2rem; + flex-shrink: 0; + margin-right: var(--dl-space-space-oneandhalfunits); +} +.feature-card23-container { + display: flex; + align-items: flex-start; + flex-direction: column; + justify-content: flex-start; +} +.feature-card23-text { + font-weight: 600; + margin-bottom: var(--dl-space-space-unit); +} + + + + +@media(max-width: 767px) { + .feature-card23-feature-card { + flex-direction: row; + } + .feature-card23-container { + flex-direction: column; + } +} +@media(max-width: 479px) { + .feature-card23-container { + flex-direction: column; + } +} diff --git a/components/feature-card23.html b/components/feature-card23.html new file mode 100644 index 0000000..e20d95a --- /dev/null +++ b/components/feature-card23.html @@ -0,0 +1,68 @@ + + + + The Purple Bubble + + + + + + + + + + + + +
+ +
+ + + +
+

Lorem ipsum

+ + + Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lorem + lorem, malesuada in metus vitae, scelerisque accumsan ipsum. + + +
+
+
+ + diff --git a/components/feature-card24.css b/components/feature-card24.css new file mode 100644 index 0000000..57bc1d0 --- /dev/null +++ b/components/feature-card24.css @@ -0,0 +1,43 @@ +.feature-card24-feature-card { + width: 100%; + display: flex; + padding: var(--dl-space-space-unit); + position: relative; + align-items: flex-start; + flex-direction: row; + justify-content: flex-start; +} +.feature-card24-icon { + fill: var(--dl-color-gray-500); + width: 2rem; + height: 2rem; + flex-shrink: 0; + margin-right: var(--dl-space-space-oneandhalfunits); +} +.feature-card24-container { + display: flex; + align-items: flex-start; + flex-direction: column; + justify-content: flex-start; +} +.feature-card24-text { + font-weight: 600; + margin-bottom: var(--dl-space-space-unit); +} + + + + +@media(max-width: 767px) { + .feature-card24-feature-card { + flex-direction: row; + } + .feature-card24-container { + flex-direction: column; + } +} +@media(max-width: 479px) { + .feature-card24-container { + flex-direction: column; + } +} diff --git a/components/feature-card24.html b/components/feature-card24.html new file mode 100644 index 0000000..a740b1e --- /dev/null +++ b/components/feature-card24.html @@ -0,0 +1,68 @@ + + + + The Purple Bubble + + + + + + + + + + + + +
+ +
+ + + +
+

Lorem ipsum

+ + + Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lorem + lorem, malesuada in metus vitae, scelerisque accumsan ipsum. + + +
+
+
+ +