jrangel/RangelDigital
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changes to web template fixtures and css

Browse Source
This commit is contained in:
Jeremy Rangel
2025-02-13 02:06:07 -08:00
parent d307fd1225
commit dbe873735b
11 changed files with 271 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
rangeldigital/public/css/rangeldigital.css
View File

@ -1,16 +1,17 @@
body {background:#01071C!important}
section {padding:40px 0px;background:#01071C}
section {background:#01071C}
.row {margin-bottom:20px}
.rd-heading-row {margin-bottom:50px}
.row {margin-bottom:20px;row-gap:20px}
.rd-heading-row {margin-bottom:40px}
.rd.card {background-color:#1C2037}
h1,h2,h3,h4,h5,h6,p {color:#E0E0E0}
h1,h2,h3,h4,h5,h6,p {color:white}
h2.rd {color:#E0E0E0}
.rd-button-one {padding:10px 20px;font-weight:bold;border-radius:3px;color:black;background-image: linear-gradient(134deg, #008AFC 27%, #97F8F4 100%)}
.text-gradient-1 {background-clip:text;-webkit-background-clip: text !important;padding-top:10px;padding-bottom:20px;background: -webkit-linear-gradient(#119CFF, #97F8F4);-webkit-text-fill-color: transparent}
/* ----- Gradients ----- */
.rd-background-gradient-1 {background-color:transparent;background-image:linear-gradient(45deg, rgb(0, 138, 252) 0%, rgb(28, 31, 55) 100%);border-bottom-color:rgb(17, 156, 255)}
.rd-background-gradient-1 {background-color:transparent;background-image:linear-gradient(45deg, #119Cff 0%, #97F8F4 100%)
}
.rd-background-gradient-left-1 {position:relative}
.rd-background-gradient-left-1:before {content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position: center left;background-image:url(/assets/rangeldigital/files/img/bg-gradient-left-1.jpg)}
@ -92,6 +93,7 @@ section.rd-four-blurb-box-one > .container {background:blue;overflow:hidden;posi
.rd-six-card-section-one .card {min-height:300px}
.rd-six-card-section-one h2 {font-size:3rem;margin-bottom:60px;color:white}
.rd-six-card-section-one h5 {font-size:1.5rem;color:#008AFC}
.rd-six-card-section-one .card-two p,.rd-six-card-section-one .card-two h5 {color:black}
.rd-six-card-section-one p {color:white}
@media only screen and (max-width: 767px) {
.rd-six-card-section-one .row {gap:20px}
@ -127,11 +129,43 @@ section.rd-page-heading-2 {padding-top:255px;padding-bottom:120px}
.rd-page-heading-2 .rd-heading {font-size:2rem}
}
/* ---------- Multi Cards Section - 1 ---------- */
.rd-multi-cards-section-one {row-gap:20px}
.rd-multi-cards-section-one .card {background:#1C2037;border-radius:10px;padding:20px;min-height:300px}
.rd-multi-cards-section-one .card-body {padding:0;margin-top:20px}
.rd-multi-cards-section-one h2 {font-size:3rem;margin-bottom:60px;color:white}
.rd-multi-cards-section-one .card-img-top {border-radius:10px}
.rd-multi-cards-section-one .card:hover {border:1px solid #119CFF}
/* ----- Testimonial Cards Section - 1 ----- */
.rd-testimonial-cards-one .rd-testimonial-author-row img {height:60px;width:60px;border-radius:50%}
.rd-testimonial-cards-one .rd-testimonial-content {margin-bottom:5px;font-size:1rem;font-style:italic}
.rd-testimonial-cards-one .rd-heading {font-size:3rem;margin-bottom:60px;color:white}
.rd-testimonial-cards-one .col-4 {flex:0 1 33.333%}
.rd-testimonial-cards-one .col-8 {flex:1}
/* ---------- Large Heading Section - 1 ---------- */
section.rd-large-heading-section-one {position:relative}
.rd-large-heading-section-one:before {opacity:0.5;content:"";background-color: transparent;
--background-overlay: '';
background-image: radial-gradient(at center center, #004BAD 0%, #01071A 70%);
position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;
}
.rd-large-heading-section-one .rd-heading {font-size:4rem;font-weight:bold}
.rd-large-heading-section-one .container {width:70%}
.rd-large-heading-section-one h2 {z-index:1;position:relative;padding-top:100px;padding-bottom:100px}
@media only screen and (max-width: 767px) {
.rd-large-heading-section-one .rd-heading {font-size:2rem;padding-top:60px;padding-bottom:60px}
}
/* ---------- Footers ---------- */
footer.rd-footer-1 {position:relative;padding-top:100px;min-height:400px;background:#01071C}
footer.rd-footer-1:before {opacity:0.5;content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;background-size:cover;background-image:url(/assets/rangeldigital/files/img/bg-gradient-waves-1.jpg)}
footer.rd-footer-1 .rd-heading {font-size:3rem;font-weight:bold}
footer.rd-footer-1 .rd-sub-heading {font-size:1.5rem;color:white}
footer.rd-footer-1 ul {padding:0;list-style:none}
footer.rd-footer-1 ul {padding:0;list-style:none;margin-top:10px}
footer.rd-footer-1 ul li {color:white}
footer.rd-footer-1 .rd-footer-column-heading {color:white;font-weight:bold}