| 1 | import Layout from "@/components/layout/Layout" |
| 2 | import Brand3 from "@/components/sections/Brand3" |
| 3 | export default function ProjectDetails() { |
| 4 | |
| 5 | return ( |
| 6 | <> |
| 7 | <Layout breadcrumbTitle="Project Details"> |
| 8 | <div> |
| 9 | <section className="project-details-area pt-120"> |
| 10 | <div className="container"> |
| 11 | <div className="row"> |
| 12 | <div className="col-lg-8"> |
| 13 | <div className="project-details-wrap"> |
| 14 | <div className="project-details-thumb"> |
| 15 | <img src="/assets/img/project/project_details01.jpg" alt="" /> |
| 16 | </div> |
| 17 | <div className="project-details-content"> |
| 18 | <h2 className="title">Medium shot man working on roof restaurant building at sunset</h2> |
| 19 | <p className="info-one">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in somes form, by injected humour, or randomised words which don't look even slightlcy believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of textss. All the Lorem Ipsum generators on the Internet tend to repeat</p> |
| 20 | <p className="info-two">On the other hand, we denounce with righteous <span>indignation and dislike men</span> who are so our beguiled and demor alized by the charms of <span>pleasure of the moment</span>, so blinded by desire, that they cannot foresee.</p> |
| 21 | <div className="project-challenge-wrap"> |
| 22 | <div className="row"> |
| 23 | <div className="col-xl-5"> |
| 24 | <div className="challenge-content"> |
| 25 | <h2 className="title">The Challenge of Project</h2> |
| 26 | <p className="info-three">Sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum gen erators on the Internet tend our as a to repeat predefined chunks as necessary</p> |
| 27 | <p className="info-four">making this the firsttrue generator our on the Internet. It uses a dictionary of over as words, combined with a</p> |
| 28 | </div> |
| 29 | </div> |
| 30 | <div className="col-xl-7"> |
| 31 | <div className="challenge-img"> |
| 32 | <img src="/assets/img/project/project_details02.jpg" alt="" /> |
| 33 | <img src="/assets/img/project/project_details03.jpg" alt="" /> |
| 34 | </div> |
| 35 | </div> |
| 36 | </div> |
| 37 | </div> |
| 38 | <h2 className="title-two">Project requirement</h2> |
| 39 | <p className="info-five">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in somes form, by injected humour, or randomised words which don't look even slightlcy believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing.</p> |
| 40 | <ul className="list-wrap"> |
| 41 | <li><i className="fas fa-check-circle" />Usability testing existing products</li> |
| 42 | <li><i className="fas fa-check-circle" />Systems reviews</li> |
| 43 | <li><i className="fas fa-check-circle" />Technical stakeholder interviews</li> |
| 44 | <li><i className="fas fa-check-circle" />Usability testing existing products</li> |
| 45 | </ul> |
| 46 | </div> |
| 47 | </div> |
| 48 | </div> |
| 49 | <div className="col-lg-4"> |
| 50 | <aside className="project-sidebar"> |
| 51 | <div className="project-widget"> |
| 52 | <h4 className="widget-title">Project Details</h4> |
| 53 | <div className="project-info-list"> |
| 54 | <ul className="list-wrap"> |
| 55 | <li><span>Start Date :</span> 27 Dec {new Date().getFullYear()}</li> |
| 56 | <li><span>End Date :</span> 03 Jan {new Date().getFullYear()}</li> |
| 57 | <li><span>Clients :</span> Avabil</li> |
| 58 | <li><span>Tags:</span> Roofing Business</li> |
| 59 | <li><span>Website :</span> avabil.com</li> |
| 60 | <li><span>Category :</span> Roofing</li> |
| 61 | </ul> |
| 62 | </div> |
| 63 | </div> |
| 64 | <div className="project-widget"> |
| 65 | <h4 className="widget-title">Need Your Help?</h4> |
| 66 | <div className="project-contact"> |
| 67 | <ul className="list-wrap"> |
| 68 | <li><i className="fas fa-phone-alt" />+(323) 750-1234</li> |
| 69 | <li><i className="fas fa-envelope" />infoyour@albashti.com</li> |
| 70 | <li><i className="fab fa-skype" />Abubokkor AK</li> |
| 71 | <li><i className="fas fa-map-marker-alt" />374 FA Tower, William S Blvd <br /> 2721, IL, USA</li> |
| 72 | </ul> |
| 73 | </div> |
| 74 | </div> |
| 75 | </aside> |
| 76 | </div> |
| 77 | </div> |
| 78 | </div> |
| 79 | </section> |
| 80 | {/* project-details-area-end */} |
| 81 | {/* brand-area */} |
| 82 | <Brand3 /> |
| 83 | </div> |
| 84 | |
| 85 | </Layout> |
| 86 | </> |
| 87 | ) |
| 88 | } |
huncholane