이력서 웹사이트를 위한 10가지 Divi 레이아웃

개인 웹사이트는 종종 온라인 이력서 또는 인생 과정(이력서 또는 CV라고 함)을 작성하는 데 사용됩니다. 정보 페이지로 사용되는 경우도 있고 전체 웹사이트로 사용되는 경우도 있습니다. 단일 페이지 또는 다중 페이지 사이트일 수 있습니다.

처음부터 빌드할 필요가 없습니다. 다음 프로젝트를 시작하는 데 도움이 되는 이력서 웹사이트용으로 미리 만들어진 많은 Divi 레이아웃이 있습니다. 이 기사에서는 이력서 웹사이트를 위한 10가지 Divi 레이아웃을 살펴보겠습니다. 레이아웃은 특별한 순서가 없습니다.

YouTube 채널 구독

이력서 웹사이트를 위한 10가지 Divi 레이아웃

1. 이력서

이력서는 이력서 및 개인 프로젝트를 위해 특별히 설계된 한 페이지 레이아웃입니다. 6개의 주요 섹션으로 구성되어 있습니다. 영웅 섹션은 어두운 오버레이가 있는 전체 너비 배경을 보여줍니다. 그 위에 로고, 이름, 제목 및 소셜 팔로우 버튼이 있습니다. 사람의 동그라미 이미지가 이 섹션과 내 정보를 제공하는 다음 섹션과 겹칩니다. 이 섹션에는 이력서, 연락처 정보, 취미 및 관심사에 대한 안내문을 다운로드할 수 있는 버튼이 포함되어 있습니다. 이력서 섹션은 측면을 번갈아 가며 세로 타임라인에 항목을 표시합니다. 이정표는 숫자 카운터와 함께 표시되며 아이콘이 포함됩니다. Blurbs는 제공되는 서비스를 보여줍니다. 서클 카운터는 기술을 설명합니다. 작업 프로세스는 단계의 그래픽과 함께 표시됩니다. 여기에는 포트폴리오, CTA 및 연락처 양식도 포함됩니다.

가격: $20 | 추가 정보

2. CV Expresso Lite

CV Expresso Lite는 분할 화면 디자인의 한 페이지 레이아웃입니다. 화면 왼쪽에는 이름, 제목, 원 이미지, 소셜 버튼, 페이지 섹션 링크 및 다운로드 버튼이 있는 빨간색 배경이 있습니다. 링크는 스크롤 시 화면에 남아 있습니다. 오른쪽에는 정보, 취미 및 야망에 대한 탭이 있습니다. 스킬은 바 카운터에 표시됩니다. 경험과 교육은 한 면에는 날짜가 다른 면에는 설명과 함께 세로 타임라인에 표시됩니다. 연락처 섹션은 항목을 세로로 정렬하고 큰 아이콘과 텍스트를 포함합니다. 위쪽 화살표가 있는 뒤로 가기 버튼은 각 섹션의 아래쪽 중앙에 있습니다.

가격: 무료 | 추가 정보

3. 개인 페이지

개인 페이지는 개인 랜딩 페이지를 만들기 위해 만들어졌습니다. 전환에 집중할 수 있도록 단일 화면에 모든 개인 정보를 제공합니다. 화면의 100%를 덮도록 CSS가 포함되어 있습니다. 전체 화면 배경 이미지를 위한 영역을 제공합니다. 둥근 모서리와 화면 중앙에 그림자 효과 사이트가 있는 상자. 원으로 표시된 이미지가 상자 상단과 겹칩니다. 상자에는 이름, 제목, 정보, 이메일 버튼 및 소셜 팔로우 버튼이 포함됩니다. 배경 이미지가 화면을 채울 만큼 크지 않으면 하단에 빈 공간이 남고 정보 상자가 하단과 겹칩니다.

가격: $4.99 | 추가 정보

4. 이력서 레이아웃 팩

CV 레이아웃 팩에는 이력서의 각 요소에 대한 페이지가 포함된 8페이지가 포함되어 있습니다. 홈 페이지는 2색 배경을 포함하고 열과 겹치는 이미지를 표시합니다. 또한 제목, 이름, 내 소개 페이지를 볼 수 있는 버튼, 다음 섹션과 겹치는 소셜 팔로우 버튼도 표시됩니다. 경험 섹션은 한쪽에는 정보를 표시하고 다른 한쪽에는 경험을 표시합니다. 어워드 섹션은 유사한 디자인을 사용합니다. 다른 섹션에는 CTA가 있는 큰 텍스트가 포함되어 있습니다. 스킬은 바 카운터와 총알 안에 표시됩니다. 또한 클라이언트 로고, 두 개의 열에 번갈아 나타나는 프로젝트, 두 개의 열에 있는 연락처 섹션이 포함됩니다.

가격: 무료 | 추가 정보

5. 배우 CV 레이아웃 팩

Actor CV Layout Pack은 배우와 모델을 위해 만들어졌습니다. 7페이지로 구성되어 있습니다. 랜딩 페이지는 한 면에는 제목, 이름, 버튼이 있는 분할 화면을 표시하고 다른 면에는 배경색 블록과 겹치는 이미지를 표시합니다. 제목은 혼합되는 큰 텍스트의 상단에 배치됩니다. 소셜 버튼은 두 열 사이에 수직으로 위치합니다. 2열 정보 섹션에는 이미지, 텍스트 및 비디오를 여는 버튼이 포함되어 있습니다. 전체 너비 평가는 리뷰를 표시하는 데 사용됩니다. 이력서 섹션에는 번호 카운터와 직장 및 교육 목록이 포함된 정보가 표시됩니다. 또한 최근 작업을 위한 프로젝트, 갤러리, 여러 배경이 겹치는 블로그 섹션, 2열 연락처 섹션 및 전폭 CTA가 포함됩니다.

가격: 무료 | 추가 정보

6. 나에 대해

내 소개는 이력서 및 이력서 페이지를 포함한 모든 유형의 정보 페이지에 대한 단일 페이지 레이아웃입니다. 흰색과 굵은 노란색 텍스트와 그래픽이 있는 어두운 배경이 있습니다. 페이지의 제목 영역에는 이름과 제목이 표시됩니다. 그 다음에는 한 면에 정보가 있고 다른 면에 기술을 보여주는 바 카운터가 있는 2열 섹션이 있습니다. 업적은 안내문 안에 표시됩니다. 다른 섹션은 이 디자인을 따르고 이미지나 기타 정보를 추가합니다. 기술 섹션은 노란색 구분선을 사용하고 교대 레이아웃으로 기술을 보여줍니다. 굵은 노란색의 전체 너비 슬림 CTA가 각 섹션을 구분합니다. 다른 하나는 소셜 팔로우 버튼과 이력서 다운로드 버튼을 포함합니다.

가격: $17 | 추가 정보

7. DDD 나에 대해

DDD About Me는 이력서와 이력서에 중점을 둔 모든 유형의 About Me 페이지를 만드는 한 페이지 레이아웃입니다. 영웅 섹션은 오버레이와 물결 모양 구분선에 제목과 정보가 있는 전체 너비 이미지를 보여줍니다. 다음 섹션에는 더 많은 정보와 이를 겹치는 이미지가 포함되어 있으며 바 카운터에 기술을 표시하는 다음 섹션으로 계속 이어집니다. 작업 이미지는 3열 모자이크 레이아웃으로 표시됩니다. 스타일 평가는 평가 카드 상단에 원 이미지를 표시합니다. 바닥글은 정보 및 소셜 팔로우 링크를 제공합니다.

가격: 무료 | 추가 정보

8. 자기소개서/이력서 1쪽

1페이지 개인 이력서/CV는 이력서용으로 특별히 설계되었으며 코드 모듈 내에 CSS를 포함합니다. 헤더는 매우 불투명한 오버레이가 있는 전체 화면 배경 이미지를 표시합니다. 중앙에는 소개가 있는 파란색 원과 진정한 시차로 이력서를 다운로드할 수 있는 버튼이 있습니다. 다음 섹션은 텍스트 모듈이 겹치는 한 면이 겹치는 이미지를 보여줍니다. 다른 쪽은 정보를 제공하고 호버에 그림자가 있습니다. 스킬은 바 카운터에 표시됩니다. 작업 이력은 수직 타임라인 내에 배치됩니다. Blurbs는 자격 및 참조를 제공합니다. 각 행에는 왼쪽과 겹치는 레이블에 대한 텍스트 모듈이 포함되어 있습니다. 또한 평가 슬라이더, 고용해야 하는 이유에 대한 안내문, 진정한 시차의 연락처 섹션이 포함되어 있습니다.

가격: 무료 | 추가 정보

9. 이력서 타임라인이 있는 페이지 소개

이력서 타임라인이 있는 페이지 정보는 프리랜서를 염두에 둔 한 페이지 레이아웃입니다. 전각 제목은 페이지를 소개합니다. 이 페이지에는 한 면에는 정보가 있고 다른 면에는 타임라인 내의 이력서가 있는 2열 디자인이 포함되어 있습니다. 정보 정보에는 이름, 테두리 및 그림자 효과가 있는 이미지, 텍스트, 파란색 배경의 평가 슬라이더가 포함됩니다. 이력서 타임라인은 블러브 모듈로 제작되었습니다. 각 광고 문구는 스크롤할 때 제자리에 슬라이드됩니다. 여기에는 제목, 회사, 날짜 및 세부 정보가 포함됩니다. 각 블러브 모듈은 아이콘으로 타임라인에 연결됩니다. 레이아웃은 코드 모듈에 CSS를 포함합니다.

가격: 무료 | 추가 정보

10. 레이아웃에 대한 프리랜서

Freelance About Layout은 이력서와 이력서를 염두에 두고 디자인된 한 페이지로 된 About Me 레이아웃입니다. 매우 불투명한 오버레이 뒤에 배경 이미지를 표시합니다. 전경에는 이름과 설명이 표시되고 그 뒤에 기술을 나타내는 문구가 표시됩니다. 그 다음은 내 이야기라는 두 개의 열 섹션과 경험, 교육 및 수상을 나열하는 세 개의 열입니다. 그 사람이 할 수 있는 일을 설명하는 섹션에는 한쪽에 기술 이미지가 있고 다른 한쪽에는 바 카운터가 있습니다. 작업 예시를 볼 수 있는 링크가 있습니다. 연락처 섹션은 CTA로 작동하며 어두운 오버레이가 있는 배경 위에 연락처 정보와 연락처 양식을 포함합니다.

가격: 무료 | 추가 정보

마무리 생각

이력서 웹사이트를 위한 10가지 Divi 레이아웃을 살펴보았습니다. 여기에는 잠재적 고용주가 결정을 내릴 수 있도록 경력, 교육 및 기술을 강조 표시하고 표시하는 데 필요한 모든 것이 포함됩니다. 한 페이지 또는 여러 페이지 디자인이 필요하든 이력서 웹 사이트 구축에 관심이 있다면 이 Divi 레이아웃이 시작하는 데 도움이 될 수 있습니다.

우리는 당신의 의견을 듣고 싶습니다. 이력서 웹 사이트에 Divi 레이아웃을 사용한 적이 있습니까? 의견에 대해 어떻게 생각하는지 알려주십시오.

iiierlok_xolms/Shutterstock.com을 통한 추천 이미지