WrenchBoard/WrenchBoardMainSite
2
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

first commit

Browse Source
This commit is contained in:
Olu Amey
2021-12-18 20:23:31 -05:00
commit bce242fd22
308 changed files with 42398 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/HomeTwo/HeroHomeTwo.js
+65
View File
@@ -0,0 +1,65 @@
import React from 'react';
import heroMan from '../../assets/images/hero-mans.png';
import heroThumb from '../../assets/images/hero-thumb-3.png';
import shapeTen from '../../assets/images/shape/shape-10.png';
import shapeEleven from '../../assets/images/shape/shape-11.png';
import shapeTwelve from '../../assets/images/shape/shape-12.png';
import shapeNine from '../../assets/images/shape/shape-9.png';
function HeroHomeTwo() {
return (
<>
<section className="appie-hero-area-2 mb-90">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-5">
<div className="appie-hero-content-2">
<span>14 day free</span>
<h1 className="appie-title">
Ready to launch your app in one, <span>Application</span>
</h1>
<p>Find the best application in the appie.</p>
<form action="#">
<div className="input-box">
<input type="text" placeholder="info@appie.com" />
<i className="fal fa-envelope" />
<button type="button">
<i className="fal fa-arrow-right" />
</button>
</div>
</form>
<div className="hero-users">
<img src={heroMan} alt="" />
<span>
30k <span> Feedback</span>
</span>
</div>
</div>
</div>
</div>
</div>
<div
className="appie-hero-thumb-3 wow animated fadeInRight"
data-wow-duration="2000ms"
data-wow-delay="400ms"
>
<img src={heroThumb} alt="" />
</div>
<div className="hero-shape-1">
<img src={shapeNine} alt="" />
</div>
<div className="hero-shape-2">
<img src={shapeTen} alt="" />
</div>
<div className="hero-shape-3">
<img src={shapeEleven} alt="" />
</div>
<div className="hero-shape-4">
<img src={shapeTwelve} alt="" />
</div>
</section>
</>
);
}
export default HeroHomeTwo;