Compare commits

..

2 Commits

Author SHA1 Message Date
victorAnumudu cc5293cd27 update home sliders 2024-03-15 18:01:04 +01:00
ameye bbf8c51217 Merge branch 'socket-bug-fixed' of WrenchBoard/WrenchBoardNigeriaMainSite into master 2024-03-15 13:00:03 +00:00
11 changed files with 56 additions and 48 deletions
+3 -3
View File
@@ -8381,7 +8381,7 @@ blockquote cite {
/* interface images */
.interface_section .owl-item .screen_frame_img img {
transform: scale(.9);
border: 2px solid #000;
/* border: 2px solid #000; */
border-radius: 20px;
transition: 1s all;
margin: 0 auto;
@@ -8391,6 +8391,6 @@ blockquote cite {
.interface_section .owl-item.center .screen_frame_img img {
transform: scale(1);
border: 3px solid #000;
padding: 5px;
/* border: 3px solid #000;
padding: 5px; */
}
Binary file not shown.

After

Width:  |  Height:  |  Size: 629 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 422 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 600 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 406 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 545 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 547 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 595 KiB

+2 -2
View File
@@ -84,7 +84,7 @@ let CurrentJobsHero = () => {
{/*</div>*/}
<div className='lmoreTxt d-flex justify-content-between align-items-center'>
<p className='text-danger' style={{fontSize: '12px'}}>{hourRemaining > 24 ? `available in the next ${hourRemaining%24} ${hourRemaining%24 > 1 ? 'days':'day'}` : `available in the next 12hrs 30mins`}</p>
<a href={dashUrl} className=''>
<a href={process.env.REACT_APP_DASH_URL_LOGIN} className=''>
Learn More <i className="fal fa-arrow-right" />
</a>
</div>
@@ -114,7 +114,7 @@ let CurrentJobsHero = () => {
Find more opportunities at our marketplace.
</a>
</h3>
<a className='align-self-end' href="https://users.wrenchboard.com/login">
<a className='align-self-end' href="https://dashboard.wrenchboard.com/login">
Login now <i className="fal fa-arrow-right" />
</a>
</div>
+14 -7
View File
@@ -39,37 +39,44 @@ export default function FeaturedScreen() {
<OwlCarousel id="screen_slider" {...screen_slider} className="owl-carousel owl-theme owl-loaded owl-drag">
<div className="item">
<div className="screen_frame_img">
<img src={localImgLoad('images/slider/slider_1.png')} alt="image" />
{/* <img src={localImgLoad('images/slider/slider_1.png')} alt="image" /> */}
<img src={localImgLoad('images/slider/app_sliders/screen_1.png')} alt="image" />
</div>
</div>
<div className="item">
<div className="screen_frame_img">
<img src={localImgLoad('images/slider/slider_2.png')} alt="image" />
{/* <img src={localImgLoad('images/slider/slider_2.png')} alt="image" /> */}
<img src={localImgLoad('images/slider/app_sliders/screen_2.png')} alt="image" />
</div>
</div>
<div className="item">
<div className="screen_frame_img">
<img src={localImgLoad('images/slider/slider_3.png')} alt="image" />
{/* <img src={localImgLoad('images/slider/slider_3.png')} alt="image" /> */}
<img src={localImgLoad('images/slider/app_sliders/screen_3.png')} alt="image" />
</div>
</div>
<div className="item">
<div className="screen_frame_img">
<img src={localImgLoad('images/slider/slider_4.png')} alt="image" />
{/* <img src={localImgLoad('images/slider/slider_4.png')} alt="image" /> */}
<img src={localImgLoad('images/slider/app_sliders/screen_6.png')} alt="image" />
</div>
</div>
<div className="item">
<div className="screen_frame_img">
<img src={localImgLoad('images/slider/slider_5.png')} alt="image" />
{/* <img src={localImgLoad('images/slider/slider_5.png')} alt="image" /> */}
<img src={localImgLoad('images/slider/app_sliders/screen_4.png')} alt="image" />
</div>
</div>
<div className="item">
<div className="screen_frame_img">
<img src={localImgLoad('images/slider/slider_6.png')} alt="image" />
{/* <img src={localImgLoad('images/slider/slider_7.png')} alt="image" /> */}
<img src={localImgLoad('images/slider/app_sliders/screen_7.png')} alt="image" />
</div>
</div>
<div className="item">
<div className="screen_frame_img">
<img src={localImgLoad('images/slider/slider_7.png')} alt="image" />
{/* <img src={localImgLoad('images/slider/slider_7.png')} alt="image" /> */}
<img src={localImgLoad('images/slider/app_sliders/screen_5.png')} alt="image" />
</div>
</div>
</OwlCarousel>
+37 -36
View File
@@ -60,49 +60,50 @@ titleLen(title){
<div className="row">
{
this.state.jobsDataResults.map(i => {
this.state.jobsDataResults.map((i, index) => {
var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
var postDt = new Date(i.expire).toLocaleDateString("en-US", options);
return (<div className="col-md-6 col-xl-3">
<div
className="appie-single-service container-fluid mt-30 wow animated fadeInUp boxBorder d-flex align-items-center"
data-wow-duration="3000ms"
data-wow-delay="200ms"
>
<div className="content d-flex flex-column justify-content-between" style={{height: '200px', width: '100%'}}>
<div className="titleBox">
<h3 className="title">
<a href={dashUrl}>
<span className='font_black'>{this.titleLen(i.title)} </span>
</a>
</h3>
</div>
<div className='p-0 container-fluid'>
<div><hr /></div>
<div className="blog-meta">
<ul>
<li className="expire">
<a href={dashUrl} className='d-block'>
<div className='font_red d-flex align-items-start'>
<div className='pr-2'>Expires :</div>
<CountDownTimer targetDate={postDt}/>
</div>
</a>
</li>
</ul>
if(index < 24){
return (
<div className="col-md-6 col-xl-3">
<div
className="appie-single-service container-fluid mt-30 wow animated fadeInUp boxBorder d-flex align-items-center"
data-wow-duration="3000ms"
data-wow-delay="200ms"
>
<div className="content d-flex flex-column justify-content-between" style={{height: '200px', width: '100%'}}>
<div className="titleBox">
<h3 className="title">
<a href={dashUrl}>
<span className='font_black'>{this.titleLen(i.title)} </span>
</a>
</h3>
</div>
<div className='lmoreTxt d-flex justify-content-end align-items-center'>
<a href={dashUrl}>
Learn More <i className="fal fa-arrow-right" />
</a>
<div className='p-0 container-fluid'>
<div><hr /></div>
<div className="blog-meta">
<ul>
<li className="expire">
<a href={dashUrl} className='d-block'>
<div className='font_red d-flex align-items-start'>
<div className='pr-2'>Expires :</div>
<CountDownTimer targetDate={postDt}/>
</div>
</a>
</li>
</ul>
</div>
<div className='lmoreTxt d-flex justify-content-end align-items-center'>
<a href={process.env.REACT_APP_DASH_URL_LOGIN}>
Learn More <i className="fal fa-arrow-right" />
</a>
</div>
</div>
</div>
</div>
</div>
</div>)
)
}
})
}