Add project files.

wwwroot/css/carousel.css

@@ -0,0 +1,95 @@
+/* GLOBAL STYLES
+-------------------------------------------------- */
+/* Padding below the footer and lighter body text */
+
+body {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+    color: #5a5a5a;
+}
+
+
+/* CUSTOMIZE THE CAROUSEL
+-------------------------------------------------- */
+
+/* Carousel base class */
+.carousel {
+    margin-bottom: 4rem;
+}
+/* Since positioning the image, we need to help out the caption */
+.carousel-caption {
+    bottom: 3rem;
+    z-index: 10;
+}
+
+/* Declare heights because of positioning of img element */
+.carousel-item {
+    height: 32rem;
+}
+
+    .carousel-item > img {
+        position: absolute;
+        top: 0;
+        left: 0;
+        min-width: 100%;
+        height: 32rem;
+    }
+
+
+/* MARKETING CONTENT
+-------------------------------------------------- */
+
+/* Center align the text within the three columns below the carousel */
+.marketing .col-lg-4 {
+    margin-bottom: 1.5rem;
+    text-align: center;
+}
+
+.marketing h2 {
+    font-weight: 400;
+}
+/* rtl:begin:ignore */
+.marketing .col-lg-4 p {
+    margin-right: .75rem;
+    margin-left: .75rem;
+}
+/* rtl:end:ignore */
+
+
+/* Featurettes
+------------------------- */
+
+.featurette-divider {
+    margin: 5rem 0; /* Space out the Bootstrap <hr> more */
+}
+
+/* Thin out the marketing headings */
+.featurette-heading {
+    font-weight: 300;
+    line-height: 1;
+    /* rtl:remove */
+    letter-spacing: -.05rem;
+}
+
+
+/* RESPONSIVE CSS
+-------------------------------------------------- */
+
+@media (min-width: 40em) {
+    /* Bump up size of carousel content */
+    .carousel-caption p {
+        margin-bottom: 1.25rem;
+        font-size: 1.25rem;
+        line-height: 1.4;
+    }
+
+    .featurette-heading {
+        font-size: 50px;
+    }
+}
+
+@media (min-width: 62em) {
+    .featurette-heading {
+        margin-top: 7rem;
+    }
+}

wwwroot/css/site.css

@@ -0,0 +1,160 @@
+:root {
+    /* Dark theme */
+    --dark-background: #eaeff2;
+    --dark-foregeound: #808080;
+    /* Light theme */
+    --light-background: #eaeff2;
+    --light-foregeound: #808080;
+    /* Defaults */
+    --current-background: var(--light-background);
+    --current-foreground: var(--light-foregeound);
+}
+
+.btn-primary {
+    background-color: #005e94;
+    border-color: #005e94;
+}
+
+.btn-primary:hover {
+    background-color: #0473b3;
+    border-color: #0473b3;
+}
+
+@media (prefers-color-scheme: dark) {
+    : root {
+        --current-background: var(--dark-background);
+        --current-foreground: var(--dark-foregeound);
+    }
+}
+
+body {
+    background-color: var(--current-background);
+    color: var(--current-foreground);
+}
+
+html {
+    font-size: 14px;
+}
+
+.bg-navy {
+    background-color: #005e94ff;
+}
+
+.bg-grey {
+    background-color: #eaeff2;
+}
+
+@media (min-width: 768px) {
+    html {
+        font-size: 16px;
+    }
+    .carousel-caption p {
+        padding-left: 140px;
+    }
+    .bd-placeholder-img-lg {
+        font-size: 3.5rem;
+    }
+}
+
+.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
+    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #fff;
+}
+
+html {
+    position: relative;
+    min-height: 100%;
+}
+
+body {
+    margin-bottom: 60px;
+}
+
+.carousel-inner {
+    width: 100%;
+    height: 100%;
+    background-position: left;
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    background-image: url('../img/bg-01.png');
+}
+
+.carousel-inner h1 {
+    color:#5a5a5a;
+}
+
+.carousel-inner p {
+    color: #5a5a5a;
+}
+
+.bd-placeholder-img {
+    font-size: 1.125rem;
+    text-anchor: middle;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+}
+
+.bd-about-img {
+    font-size: 1.125rem;
+    text-anchor: middle;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+    background-image: url('../img/member-1.jpg');
+    background-size: 150px;
+}
+
+.bd-clients-img {
+    font-size: 1.125rem;
+    text-anchor: middle;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+    background-image: url('../img/member-2.jpg');
+    background-size: 150px;
+}
+
+.bd-services-img {
+    font-size: 1.125rem;
+    text-anchor: middle;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+    background-image: url('../img/member-3.jpg');
+    background-size: 150px;
+}
+
+.feature-icon {
+    width: 4rem;
+    height: 4rem;
+    border-radius: .75rem;
+}
+
+.icon-square {
+    width: 3rem;
+    height: 3rem;
+    border-radius: .75rem;
+}
+
+.text-shadow-1 {
+    text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25);
+}
+
+.text-shadow-2 {
+    text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25);
+}
+
+.text-shadow-3 {
+    text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25);
+}
+
+.card-cover {
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: cover;
+}
+
+.feature-icon-small {
+    width: 3rem;
+    height: 3rem;
+}