Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 victorAnumudu
|
cc5293cd27 | ||
 ameye
|
bbf8c51217 |
@@ -8381,7 +8381,7 @@ blockquote cite {
|
|||||||
/* interface images */
|
/* interface images */
|
||||||
.interface_section .owl-item .screen_frame_img img {
|
.interface_section .owl-item .screen_frame_img img {
|
||||||
transform: scale(.9);
|
transform: scale(.9);
|
||||||
border: 2px solid #000;
|
/* border: 2px solid #000; */
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
transition: 1s all;
|
transition: 1s all;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
@@ -8391,6 +8391,6 @@ blockquote cite {
|
|||||||
|
|
||||||
.interface_section .owl-item.center .screen_frame_img img {
|
.interface_section .owl-item.center .screen_frame_img img {
|
||||||
transform: scale(1);
|
transform: scale(1);
|
||||||
border: 3px solid #000;
|
/* border: 3px solid #000;
|
||||||
padding: 5px;
|
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 |
@@ -84,7 +84,7 @@ let CurrentJobsHero = () => {
|
|||||||
{/*</div>*/}
|
{/*</div>*/}
|
||||||
<div className='lmoreTxt d-flex justify-content-between align-items-center'>
|
<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>
|
<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" />
|
Learn More <i className="fal fa-arrow-right" />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
@@ -114,7 +114,7 @@ let CurrentJobsHero = () => {
|
|||||||
Find more opportunities at our marketplace.
|
Find more opportunities at our marketplace.
|
||||||
</a>
|
</a>
|
||||||
</h3>
|
</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" />
|
Login now <i className="fal fa-arrow-right" />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -39,37 +39,44 @@ export default function FeaturedScreen() {
|
|||||||
<OwlCarousel id="screen_slider" {...screen_slider} className="owl-carousel owl-theme owl-loaded owl-drag">
|
<OwlCarousel id="screen_slider" {...screen_slider} className="owl-carousel owl-theme owl-loaded owl-drag">
|
||||||
<div className="item">
|
<div className="item">
|
||||||
<div className="screen_frame_img">
|
<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>
|
</div>
|
||||||
<div className="item">
|
<div className="item">
|
||||||
<div className="screen_frame_img">
|
<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>
|
</div>
|
||||||
<div className="item">
|
<div className="item">
|
||||||
<div className="screen_frame_img">
|
<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>
|
</div>
|
||||||
<div className="item">
|
<div className="item">
|
||||||
<div className="screen_frame_img">
|
<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>
|
</div>
|
||||||
<div className="item">
|
<div className="item">
|
||||||
<div className="screen_frame_img">
|
<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>
|
</div>
|
||||||
<div className="item">
|
<div className="item">
|
||||||
<div className="screen_frame_img">
|
<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>
|
</div>
|
||||||
<div className="item">
|
<div className="item">
|
||||||
<div className="screen_frame_img">
|
<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>
|
||||||
</div>
|
</div>
|
||||||
</OwlCarousel>
|
</OwlCarousel>
|
||||||
|
|||||||
@@ -60,49 +60,50 @@ titleLen(title){
|
|||||||
<div className="row">
|
<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 options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
|
||||||
var postDt = new Date(i.expire).toLocaleDateString("en-US", options);
|
var postDt = new Date(i.expire).toLocaleDateString("en-US", options);
|
||||||
|
if(index < 24){
|
||||||
return (<div className="col-md-6 col-xl-3">
|
return (
|
||||||
<div
|
<div className="col-md-6 col-xl-3">
|
||||||
className="appie-single-service container-fluid mt-30 wow animated fadeInUp boxBorder d-flex align-items-center"
|
<div
|
||||||
data-wow-duration="3000ms"
|
className="appie-single-service container-fluid mt-30 wow animated fadeInUp boxBorder d-flex align-items-center"
|
||||||
data-wow-delay="200ms"
|
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">
|
<div className="content d-flex flex-column justify-content-between" style={{height: '200px', width: '100%'}}>
|
||||||
<h3 className="title">
|
<div className="titleBox">
|
||||||
<a href={dashUrl}>
|
<h3 className="title">
|
||||||
<span className='font_black'>{this.titleLen(i.title)} </span>
|
<a href={dashUrl}>
|
||||||
</a>
|
<span className='font_black'>{this.titleLen(i.title)} </span>
|
||||||
</h3>
|
</a>
|
||||||
</div>
|
</h3>
|
||||||
<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>
|
||||||
<div className='lmoreTxt d-flex justify-content-end align-items-center'>
|
<div className='p-0 container-fluid'>
|
||||||
<a href={dashUrl}>
|
<div><hr /></div>
|
||||||
Learn More <i className="fal fa-arrow-right" />
|
<div className="blog-meta">
|
||||||
</a>
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
)
|
||||||
</div>)
|
}
|
||||||
|
|
||||||
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user