kjannette/ax3Client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more

Browse Source
This commit is contained in:
Kenneth Jannette
2024-04-19 22:13:32 -05:00
parent 5742f09995
commit 30ac3f808f
2 changed files with 40 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/Components/Home/HomePageB.js
View File

@@ -266,19 +266,25 @@ const HomePageB = () => {
<div <div
className="hero-imgbox" className="hero-imgbox"
style={{ style={{
backgroundImage: `url(https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/9ebe6b9b-10e5-4782-c15c-8374bed7f900/public)`, backgroundImage: `url(https://imagedelivery.net/OvFc3s8IYmBw7-_bogeTLg/038dfbe4-00e9-41f9-6b70-09e8e87fa600/public)`,
backgroundSize: "cover", backgroundSize: "cover",
borderRadius: "20px", borderRadius: "20px",
}} }}
> >
<div className="hero-middle-box">
<div className="hero-middle">{heroString}</div> <div className="hero-middle">{heroString}</div>
<div className="hero-middle">{heroString2}</div> <div className="hero-middle">{heroString2}</div>
<div className="hero-button-box"></div>
</div>
<div className="hero-text-box">
<div className="hero-text"> <div className="hero-text">
Reclaim hours every week. Spend more time growing your practice, Reclaim hours every week. Spend more time growing your practice,
or just get home in time for dinner. or just get home in time for dinner.
</div> </div>
</div> </div>
</div> </div>
</div>
</section> </section>
{/* Section 2 */} {/* Section 2 */}
<section className="section-2"> <section className="section-2">

33
src/styles/homepage-b.scss
View File

@@ -14,7 +14,7 @@
} }
.pad-2 { .pad-2 {
padding: 1rem 0.5rem; padding: 2rem 0.5rem;
} }
a { a {
@@ -61,6 +61,16 @@ section.section-one {
font-family: Roboto; font-family: Roboto;
} }
.hero-middle-box {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: auto;
padding-top: 38px;
width: 800px;
}
.hero-middle { .hero-middle {
font-size: 2.8rem; font-size: 2.8rem;
text-align: center; text-align: center;
@@ -68,6 +78,7 @@ section.section-one {
font-family: Roboto; font-family: Roboto;
font-weight: 500; font-weight: 500;
line-height: 3.4rem; line-height: 3.4rem;
width: 800px;
} }
.hero-imgbox { .hero-imgbox {
@@ -77,12 +88,24 @@ section.section-one {
z-index: 1; z-index: 1;
} }
.hero-text { .hero-text-box {
text-align: center; width: 100%;
width: 650px; display: flex;
font-size: 1.5rem; justify-content: center;
} }
.hero-text {
text-align: center;
padding-top: 20px;
width: 650px;
font-size: 1.5rem;
color: #000;
}
.hero-button-box {
width: 100%;
height: 200px;
}
.first-section-subcontainer { .first-section-subcontainer {
padding-top: 35px; padding-top: 35px;
padding-left: 20px; padding-left: 20px;