하이어+플러스! 직원용 빌드 방법은 다음과 같습니다(UI - 실행).
12359 단어 tutorialprogrammingreactwebdev
경로 페이지 실행
인사이드
routes > launch > launch-page.tsx
앱의 Developers
섹션 또는 앱의 Recuiters
섹션으로 리디렉션되는 2개의 링크가 있는 기본 시작 페이지 정보입니다.import { Link } from 'react-router-dom';
const Launch = () => {
return (
<section className="text-gray-600 body-font">
<h1 className="text-center text-2xl md:text-4xl my-10">
What features are you looking for?
</h1>
<div className="container px-10 py-5 mx-auto">
<div className="flex flex-wrap -mx-4 -mb-10 text-center">
<div className="sm:w-1/2 mb-10 px-4">
<div className="rounded-lg h-64 overflow-hidden">
<img
alt="content"
className="object-cover object-center h-full w-full"
src="https://images.unsplash.com/photo-1537511446984-935f663eb1f4?crop=entropy&cs=tinysrgb&fm=jpg&ixlib=rb-1.2.1&q=80&raw_url=true&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870"
/>
</div>
<h2 className="title-font text-2xl font-medium mt-6 mb-3">
For Recuiters
</h2>
<p className="leading-relaxed text-base font-color">
Easily search and view candidates, manage candidates through our
Project Management board, best of all post jobs for free!
</p>
<a href="https://hire-plus-employer-v1.vercel.app/">
<button className="flex mx-auto mt-6 text-white bg-indigo-700 border-0 py-2 px-5 focus:outline-none rounded">
GET STARTED
<span style={{ marginLeft: '10px' }}>❯</span>
</button>
</a>
</div>
<div className="sm:w-1/2 mb-10 px-4">
<div className="rounded-lg h-64 overflow-hidden">
<img
alt="content"
className="object-cover object-center h-full w-full"
src="https://images.unsplash.com/photo-1551434678-e076c223a692?crop=entropy&cs=tinysrgb&fm=jpg&ixlib=rb-1.2.1&q=80&raw_url=true&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870"
/>
</div>
<h2 className="title-font text-2xl font-medium mt-6 mb-3">
For Developers
</h2>
<p className="leading-relaxed text-base font-color">
View the latest jobs posted by hiring companies, create and manage
your profile to show off skills, and apply for jobs you want!
</p>
<Link to="/app">
<button className="flex mx-auto mt-6 text-white bg-indigo-700 border-0 py-2 px-5 focus:outline-none rounded">
GET STARTED
<span style={{ marginLeft: '10px' }}>❯</span>
</button>
</Link>
</div>
</div>
</div>
</section>
);
};
export default Launch;
스크린샷
프로젝트의 UI/Launch 부분은 여기까지입니다. 계속 지켜봐 주세요!
Reference
이 문제에 관하여(하이어+플러스! 직원용 빌드 방법은 다음과 같습니다(UI - 실행).), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/ajeasmith/hireplus-for-employees-heres-how-i-built-it-ui-launch-4gnf텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)