履歴書のウェブサイトのための10のDiviレイアウト

公開: 2019-09-08

個人のウェブサイトは、オンラインの履歴書や人生の流れを作成するためによく使用されます（履歴書、またはCVと呼ばれます）。時々それらはAboutページとして使用されますが、他の時にはそれらはウェブサイト全体です。それらは、単一ページまたは複数ページのサイトにすることができます。

それらを最初から作成する必要はありません。あなたの次のプロジェクトであなたに有利なスタートを与えるために利用可能な履歴書ウェブサイトのために利用可能なたくさんの既製のDiviレイアウトがあります。この記事では、履歴書Webサイトの10のDiviレイアウトを見ていきます。レイアウトは順不同です。

私たちのYoutubeチャンネルを購読する

履歴書のウェブサイトのための10のDiviレイアウト

1.再開

履歴書は、履歴書や個人的なプロジェクトのために特別に設計された1ページのレイアウトです。 6つの主要なセクションが含まれています。ヒーローセクションは、暗いオーバーレイで全幅の背景を示しています。この上に、ロゴ、名前、タイトル、およびソーシャルフォローボタンがあります。人の丸で囲まれた画像は、このセクションと次のセクションに重なっており、自己紹介情報を提供します。このセクションには、趣味や興味のある履歴書、連絡先情報、宣伝文をダウンロードするためのボタンが含まれています。 [履歴書]セクションには、縦に並んだ縦のタイムラインにアイテムが表示されます。マイルストーンは番号カウンターで表示され、アイコンが含まれています。宣伝文は提供されたサービスを示します。サークルカウンターはスキルを説明します。作業プロセスは、ステップのグラフィックとともに表示されます。また、ポートフォリオ、CTA、およびお問い合わせフォームも含まれています。

価格：$ 20 | 詳しくは

2. CV Expresso Lite

CV Expresso Liteは、分割画面デザインの1ページレイアウトです。画面の左側には、名前、タイトル、丸で囲まれた画像、ソーシャルボタン、ページのセクションへのリンク、およびダウンロードボタンが表示された赤い背景が含まれています。リンクはスクロール時に画面に表示されたままになります。右側には、about、趣味、野心のタブがあります。スキルはバーカウンター内のショーです。経験と教育は、一方に日付、もう一方に説明を付けて、垂直のタイムラインに表示されます。連絡先セクションはアイテムを垂直に並べ、大きなアイコンとテキストを含みます。上向き矢印の付いた上に戻るボタンは、各セクションの下部の中央に配置されます。

価格：無料| 詳しくは

3.個人ページ

パーソナルページは、パーソナルランディングページを作成するために作成されました。コンバージョンに集中できるように、すべての個人情報を1つの画面に表示します。画面の100％をカバーするためのCSSが含まれています。フルスクリーンの背景画像用の領域を提供します。画面の中央に角が丸く、シャドウエフェクトサイトがあるボックス。丸で囲んだ画像がボックスの上部に重なっています。ボックスには、名前、タイトル、情報、電子メール用のボタン、およびソーシャルフォローボタンが含まれています。背景画像が画面全体に表示されるほど大きくない場合は、下部に空のスペースが残り、情報ボックスが下部に重なります。

価格：4.99ドル| 詳しくは

4.CVレイアウトパック

CV Layout Packには、履歴書の各要素専用のページを含む8ページが含まれています。ホームページには2色の背景が含まれており、列に重なる画像が表示されます。また、タイトル、名前、[自己紹介]ページを表示するボタン、次のセクションと重なるソーシャルフォローボタンも表示されます。経験のセクションには、一方の情報ともう一方の経験が表示されます。アワードセクションも同様のデザインを使用しています。別のセクションには、CTAを含む大きなテキストが含まれています。スキルはバーカウンターと箇条書きの中に表示されます。また、クライアントのロゴ、交互に配置される2つの列のプロジェクト、および2つの列の連絡先セクションも含まれます。

価格：無料| 詳しくは

5.アクターCVレイアウトパック

アクターCVレイアウトパックは、アクターとモデル用に作成されました。 7ページあります。ランディングページには、片側にタイトル、名前、ボタンがあり、反対側に背景色のブロックと重なる画像が表示された分割画面が表示されます。タイトルは、混ざり合う大きなテキストで上部に配置されます。ソーシャルボタンは2つの列の間に垂直に配置されます。 2列の[バージョン情報]セクションには、画像、テキスト、およびビデオを開くためのボタンが含まれています。全幅の紹介文は、レビューを表示するために使用されます。履歴書セクションには、番号カウンターと仕事と教育のリストを含む情報が表示されます。また、最近の作業のプロジェクト、ギャラリー、複数の背景に重なるブログセクション、2列の連絡先セクション、および全幅CTAも含まれています。

価格：無料| 詳しくは

6.私について

About Meは、履歴書や履歴書ページなど、あらゆるタイプのAboutページの単一ページレイアウトです。それは白と大胆な黄色のテキストとグラフィックスで暗い背景を持っています。ページのタイトル領域には、名前とタイトルが表示されます。これに続くのは、スキルを示すために片側に情報があり、反対側にバーカウンターがある2列のセクションです。成果は宣伝文句の中に表示されます。他のセクションはこのデザインに従い、画像やその他の情報を追加します。スキルセクションでは、黄色の仕切りを使用し、交互のレイアウトでスキルを示します。太字の黄色の全幅スリムCTAは、各セクションを区切ります。もう1つには、ソーシャルフォローボタンと履歴書をダウンロードするためのボタンが含まれます。

価格：$ 17 | 詳しくは

7.DDD私について

DDD About Meは、履歴書とCVに重点を置いた、あらゆるタイプのAboutMeページを作成するための1ページのレイアウトです。ヒーローセクションには、タイトルと情報がオーバーレイされた全幅の画像と波状の仕切りが表示されます。次のセクションには、より多くの情報とそれらに重なる画像が含まれ、バーカウンターのスキルを表示する次のセクションに続きます。作品の画像は、3列のモザイクレイアウトで表示されます。スタイル付きの紹介文では、紹介文カードの上部に丸で囲まれた画像が表示されます。フッターは、情報とソーシャルフォローリンクを提供します。

価格：無料| 詳しくは

8.1ページの個人履歴書/履歴書

1ページの個人履歴書/ CVは履歴書専用に設計されており、コードモジュール内にCSSが含まれています。ヘッダーには、不透明度の高いオーバーレイを含むフルスクリーンの背景画像が表示されます。中央には、紹介と真の視差で履歴書をダウンロードするためのボタンが付いた青い円があります。次のセクションでは、片側に重なっている画像と、重なっているテキストモジュールを示します。反対側は情報を提供し、ホバーに影があります。スキルはバーカウンター内に表示されます。作業履歴は、垂直のタイムライン内に配置されます。宣伝文は資格と参照を提供します。各行には、左側に重なるラベルのテキストモジュールが含まれています。また、紹介文のスライダー、採用理由の宣伝文句、真の視差の連絡先セクションも含まれています。

価格：無料| 詳しくは

9.再開タイムラインのあるページについて

履歴書付きページについてタイムラインは、フリーランサーを念頭に置いた1ページのレイアウトです。全幅のタイトルでページを紹介します。このページには、片側に情報があり、反対側にタイムライン内の履歴書がある2列のデザインが含まれています。 About情報には、名前、境界線と影の効果のある画像、テキスト、および青い背景の紹介文スライダーが含まれます。履歴書のタイムラインは、宣伝文句モジュールを使用して作成されました。スクロールすると、各宣伝文が所定の位置にスライドします。タイトル、会社、日付、詳細が含まれます。各宣伝文モジュールは、アイコンへのタイムラインに接続します。レイアウトには、コードモジュールにCSSが含まれています。

価格：無料| 詳しくは

10.レイアウトについてのフリーランス

Freelance About Layoutは、履歴書とCVを念頭に置いて設計された1ページのAboutMeレイアウトです。不透明度の高いオーバーレイの背後にある背景画像を示しています。前景には名前と説明が表示され、その後にスキルを示す宣伝文が表示されます。これに続いて、マイストーリーと呼ばれる2列のセクションと、経験、教育、および賞を一覧表示する3列があります。その人ができることを説明するセクションには、一方の側にバーカウンターを備えたスキルの画像が含まれています。作業例を表示するためのリンクがあります。連絡先セクションはCTAとして機能し、暗いオーバーレイのある背景に連絡先情報と連絡先フォームが含まれます。

価格：無料| 詳しくは

終わりの考え

これが、履歴書Webサイトの10のDiviレイアウトです。それらには、潜在的な雇用主が決定を下すために、あなたの職歴、教育、スキルを強調して表示するために必要なすべてのものが含まれています。 1ページまたは複数ページのデザインが必要かどうかにかかわらず、履歴書Webサイトの構築に興味がある場合は、これらのDiviレイアウトが開始に役立ちます。

我々はあなたから聞きたい。 履歴書のウェブサイトにDiviレイアウトを使用したことがありますか？ コメントでそれらについてどう思うか教えてください。

iiierlok_xolms /shutterstock.com経由の注目の画像