10 Divi Layouts สำหรับเว็บไซต์เรซูเม่

เว็บไซต์ส่วนบุคคลมักใช้เพื่อสร้างเรซูเม่ออนไลน์หรือหลักสูตรชีวิต (เรียกว่า Curriculum Vitae หรือ CV) บางครั้งใช้เป็นหน้าเกี่ยวกับในขณะที่บางครั้งเป็นทั้งเว็บไซต์ อาจเป็นหน้าเดียวหรือหลายหน้าก็ได้

คุณไม่จำเป็นต้องสร้างมันขึ้นมาใหม่ มีเลย์เอาต์ Divi ที่สร้างไว้ล่วงหน้าจำนวนมากสำหรับเว็บไซต์เรซูเม่ที่พร้อมให้คุณเริ่มต้นในโครงการต่อไปของคุณ ในบทความนี้ เราจะดู 10 รูปแบบ Divi สำหรับเว็บไซต์ประวัติย่อ เลย์เอาต์ไม่ได้เรียงตามลำดับ

สมัครสมาชิกช่อง Youtube ของเรา

10 Divi Layouts สำหรับเว็บไซต์เรซูเม่

1. เรซูเม่

ประวัติย่อคือเค้าโครงหน้าเดียวที่ออกแบบมาโดยเฉพาะสำหรับประวัติย่อและโครงการส่วนบุคคล ประกอบด้วย 6 ส่วนหลัก ส่วนฮีโร่แสดงพื้นหลังแบบเต็มความกว้างพร้อมโอเวอร์เลย์สีเข้ม เหนือนี่คือโลโก้ ชื่อ ชื่อเรื่อง และปุ่มติดตามโซเชียล ภาพวงกลมของบุคคลนั้นทับซ้อนส่วนนี้และส่วนถัดไป ซึ่งให้ข้อมูลเกี่ยวกับฉัน ส่วนนี้ประกอบด้วยปุ่มสำหรับดาวน์โหลดประวัติย่อ ข้อมูลติดต่อ และคำประกาศสำหรับงานอดิเรกและความสนใจ ส่วนประวัติย่อแสดงรายการบนไทม์ไลน์แนวตั้งที่สลับด้าน เหตุการณ์สำคัญจะแสดงพร้อมตัวนับจำนวนและรวมไอคอน Blurbs แสดงบริการที่มีให้ เคาน์เตอร์วงกลมอธิบายทักษะ กระบวนการทำงานจะแสดงด้วยกราฟิกของขั้นตอน นอกจากนี้ยังมีพอร์ตโฟลิโอ CTA และแบบฟอร์มการติดต่อ

ราคา: $20 | ข้อมูลมากกว่านี้

2. CV Expresso Lite

CV Expresso Lite คือเลย์เอาต์หน้าเดียวที่มีการออกแบบแบบแบ่งหน้าจอ ด้านซ้ายของหน้าจอมีพื้นหลังสีแดงที่มีชื่อ ชื่อเรื่อง รูปภาพในวงกลม ปุ่มโซเชียล และลิงก์ไปยังส่วนต่างๆ ของหน้าและปุ่มดาวน์โหลด ลิงก์ยังคงอยู่บนหน้าจอเมื่อเลื่อน ด้านขวามีแท็บเกี่ยวกับ งานอดิเรก และความทะเยอทะยาน ทักษะจะแสดงภายในเคาน์เตอร์บาร์ ประสบการณ์และการศึกษาจะแสดงบนไทม์ไลน์แนวตั้งโดยมีวันที่ด้านหนึ่งและคำอธิบายอีกด้านหนึ่ง ส่วนติดต่อจะจัดเรียงรายการในแนวตั้งและมีไอคอนและข้อความขนาดใหญ่ ปุ่มกลับไปด้านบนที่มีลูกศรขึ้นจะอยู่ตรงกลางด้านล่างของแต่ละส่วน

ราคา: ฟรี | ข้อมูลมากกว่านี้

3. หน้าส่วนตัว

หน้าส่วนตัวถูกสร้างขึ้นเพื่อสร้างหน้า Landing Page ส่วนบุคคล โดยให้ข้อมูลส่วนบุคคลทั้งหมดบนหน้าจอเดียวเพื่อช่วยเน้นที่การแปลง รวมถึง CSS เพื่อให้แน่ใจว่าครอบคลุม 100% ของหน้าจอ ให้พื้นที่สำหรับภาพพื้นหลังแบบเต็มหน้าจอ กล่องที่มีมุมโค้งมนและไซต์เอฟเฟกต์เงาตรงกลางหน้าจอ ภาพวงกลมซ้อนทับด้านบนของกล่อง กล่องประกอบด้วยชื่อ ชื่อเรื่อง ข้อมูล ปุ่มสำหรับอีเมล และปุ่มติดตามโซเชียล หากภาพพื้นหลังไม่ใหญ่พอที่จะเต็มหน้าจอ จะเว้นที่ว่างที่ด้านล่างและกล่องข้อมูลจะซ้อนทับด้านล่าง

ราคา: $4.99 | ข้อมูลมากกว่านี้

4. CV Layout Pack

CV Layout Pack ประกอบด้วย 8 หน้าพร้อมหน้าที่ทุ่มเทให้กับแต่ละองค์ประกอบของประวัติย่อ หน้าแรกมีพื้นหลังสองสีและแสดงภาพที่ซ้อนทับคอลัมน์ นอกจากนี้ยังแสดงชื่อ ชื่อ ปุ่มเพื่อดูหน้าเกี่ยวกับฉัน และปุ่มติดตามโซเชียลที่ทับซ้อนกันในส่วนถัดไป ส่วนสำหรับประสบการณ์แสดงข้อมูลด้านหนึ่งและประสบการณ์อีกด้านหนึ่ง ส่วนรางวัลใช้การออกแบบที่คล้ายกัน อีกส่วนมีข้อความขนาดใหญ่ที่มี CTA ทักษะจะแสดงอยู่ในเคาน์เตอร์บาร์และสัญลักษณ์แสดงหัวข้อย่อย นอกจากนี้ยังรวมถึงโลโก้ลูกค้า โครงการในสองคอลัมน์ที่สลับกัน และส่วนการติดต่อในสองคอลัมน์

ราคา: ฟรี | ข้อมูลมากกว่านี้

5. ชุดเค้าโครง CV ของนักแสดง

Actor CV Layout Pack สร้างขึ้นสำหรับนักแสดงและนางแบบ ประกอบด้วย 7 หน้า หน้า Landing Page จะแสดงหน้าจอแยกที่มีชื่อ ชื่อ และปุ่มอยู่ด้านหนึ่งและอีกด้านเป็นรูปภาพที่ซ้อนทับกับบล็อกสีพื้นหลัง ชื่อเรื่องถูกวางไว้ที่ด้านบนสุดในข้อความขนาดใหญ่ที่กลมกลืนกัน ปุ่มโซเชียลจะวางในแนวตั้งระหว่างสองคอลัมน์ ส่วนเกี่ยวกับสองคอลัมน์ประกอบด้วยรูปภาพ ข้อความ และปุ่มสำหรับเปิดวิดีโอ คำรับรองแบบเต็มความกว้างใช้เพื่อแสดงความคิดเห็น ส่วนประวัติย่อจะแสดงข้อมูลพร้อมตัวนับจำนวนและรายการงานและการศึกษา นอกจากนี้ยังมีโปรเจ็กต์สำหรับงานล่าสุด แกลเลอรี ส่วนบล็อกที่ทับซ้อนกันหลายพื้นหลัง ส่วนติดต่อแบบสองคอลัมน์ และ CTA แบบเต็มความกว้าง

ราคา: ฟรี | ข้อมูลมากกว่านี้

6. เกี่ยวกับฉัน

เกี่ยวกับฉันคือเค้าโครงหน้าเดียวสำหรับหน้าเกี่ยวกับทุกประเภท รวมถึงหน้าประวัติย่อและหน้าประวัติย่อ มีพื้นหลังสีเข้มพร้อมข้อความและกราฟิกสีขาวและสีเหลืองตัวหนา พื้นที่ชื่อเรื่องของหน้าแสดงชื่อและชื่อเรื่อง ต่อไปนี้คือส่วนสองคอลัมน์ที่มีข้อมูลด้านหนึ่งและแถบเคาน์เตอร์ในอีกด้านเพื่อแสดงทักษะ ความสำเร็จจะแสดงอยู่ในคำประกาศ ส่วนอื่นๆ ทำตามการออกแบบนี้และเพิ่มรูปภาพหรือข้อมูลอื่นๆ ส่วนทักษะใช้ตัวแบ่งสีเหลืองและแสดงทักษะในรูปแบบสลับกัน CTA เพรียวบางเต็มความกว้างในสีเหลืองหนาแยกแต่ละส่วน อีกปุ่มหนึ่งรวมถึงปุ่มติดตามโซเชียลและปุ่มสำหรับดาวน์โหลดประวัติย่อ

ราคา: $17 | ข้อมูลมากกว่านี้

7. DDD เกี่ยวกับฉัน

DDD About Me คือเลย์เอาต์หน้าเดียวเพื่อสร้างหน้า About Me ประเภทใดก็ได้ โดยเน้นที่ประวัติย่อและประวัติย่อ ส่วนฮีโร่แสดงรูปภาพแบบเต็มความกว้างพร้อมชื่อและข้อมูลในโอเวอร์เลย์และตัวแบ่งคลื่น ส่วนถัดไปประกอบด้วยข้อมูลเพิ่มเติมและรูปภาพที่ทับซ้อนกันและดำเนินการต่อในส่วนถัดไป ซึ่งแสดงทักษะในเคาน์เตอร์บาร์ รูปภาพของงานแสดงในรูปแบบโมเสคสามคอลัมน์ ข้อความรับรองที่มีสไตล์จะแสดงภาพวงกลมที่ด้านบนของบัตรรับรอง ส่วนท้ายให้ข้อมูลและลิงก์ติดตามโซเชียล

ราคา: ฟรี | ข้อมูลมากกว่านี้

8. ประวัติส่วนตัว 1 หน้า/CV

ประวัติส่วนตัว 1 หน้า/CV ได้รับการออกแบบมาโดยเฉพาะสำหรับประวัติย่อและรวม CSS ไว้ในโมดูลโค้ด ส่วนหัวจะแสดงภาพพื้นหลังแบบเต็มหน้าจอโดยมีภาพซ้อนทับที่ทึบแสงสูง ตรงกลางเป็นวงกลมสีน้ำเงินพร้อมคำนำและปุ่มสำหรับดาวน์โหลดประวัติย่อในรูปแบบพารัลแลกซ์จริง ส่วนถัดไปจะแสดงรูปภาพซ้อนทับด้านหนึ่งโดยมีโมดูลข้อความทับซ้อนกัน อีกด้านหนึ่งให้ข้อมูลและมีเงาบนโฮเวอร์ ทักษะจะแสดงอยู่ในเคาน์เตอร์บาร์ ประวัติการทำงานอยู่ในไทม์ไลน์แนวตั้ง Blurbs ให้คุณสมบัติและข้อมูลอ้างอิง แต่ละแถวจะมีโมดูลข้อความสำหรับป้ายกำกับที่ทับซ้อนกันทางด้านซ้าย นอกจากนี้ยังมีแถบเลื่อนคำรับรอง คำบรรยายว่าทำไมต้องจ้าง และส่วนติดต่อในรูปแบบพารัลแลกซ์ที่แท้จริง

ราคา: ฟรี | ข้อมูลมากกว่านี้

9. เกี่ยวกับหน้าพร้อมประวัติย่อ

About Page with Resume Timeline เป็นเค้าโครงหน้าเดียวโดยคำนึงถึงนักแปลอิสระ ชื่อเต็มความกว้างแนะนำหน้า หน้านี้มีการออกแบบสองคอลัมน์พร้อมข้อมูลด้านหนึ่งและประวัติย่อภายในไทม์ไลน์อีกด้านหนึ่ง ข้อมูล เกี่ยวกับ ประกอบด้วยชื่อ รูปภาพที่มีเอฟเฟกต์เส้นขอบและเงา ข้อความ และแถบเลื่อนข้อความรับรองที่มีพื้นหลังสีน้ำเงิน ไทม์ไลน์ของประวัติย่อถูกสร้างขึ้นด้วยโมดูลการนำเสนอ การนำเสนอแต่ละรายการจะเลื่อนเข้าที่เมื่อคุณเลื่อน รวมถึงชื่อ บริษัท วันที่และรายละเอียด โมดูลประกาศแต่ละโมดูลเชื่อมต่อกับไทม์ไลน์ไปยังไอคอน เลย์เอาต์ประกอบด้วย CSS ในโมดูลโค้ด

ราคา: ฟรี | ข้อมูลมากกว่านี้

10. ฟรีแลนซ์เกี่ยวกับเลย์เอาต์

Freelance About Layout คือเลย์เอาต์เกี่ยวกับฉันแบบหน้าเดียวที่ออกแบบโดยคำนึงถึงประวัติย่อและประวัติย่อ โดยจะแสดงภาพพื้นหลังด้านหลังภาพซ้อนทับที่มีความทึบแสงสูง เบื้องหน้าแสดงชื่อและคำอธิบายตามด้วยคำประกาศเพื่อแสดงทักษะ ต่อจากนี้เป็นส่วนสองคอลัมน์ที่เรียกว่า เรื่องราวของฉัน และสามคอลัมน์ที่แสดงประสบการณ์ การศึกษา และรางวัลต่างๆ ส่วนที่อธิบายสิ่งที่บุคคลสามารถทำได้รวมถึงภาพด้านหนึ่งทักษะพร้อมเคาน์เตอร์บาร์อีกด้านหนึ่ง มีลิงค์ดูตัวอย่างผลงาน ส่วนการติดต่อทำงานเป็น CTA และรวมข้อมูลการติดต่อและแบบฟอร์มการติดต่อไว้บนพื้นหลังที่มีการซ้อนทับสีเข้ม

ราคา: ฟรี | ข้อมูลมากกว่านี้

จบความคิด

นั่นคือรูปลักษณ์ของเราที่ 10 รูปแบบ Divi สำหรับเว็บไซต์ประวัติย่อ ซึ่งรวมถึงทุกสิ่งที่คุณต้องการเพื่อเน้นย้ำและแสดงประวัติการทำงาน การศึกษา และทักษะสำหรับผู้มีโอกาสเป็นนายจ้างในการตัดสินใจ ไม่ว่าคุณจะต้องการการออกแบบหน้าเดียวหรือหลายหน้า หากคุณสนใจที่จะสร้างเว็บไซต์ประวัติย่อ เค้าโครง Divi เหล่านี้สามารถช่วยคุณเริ่มต้นได้

เราต้องการได้ยินจากคุณ คุณเคยใช้เลย์เอาต์ Divi สำหรับเว็บไซต์เรซูเม่หรือไม่? แจ้งให้เราทราบว่าคุณคิดอย่างไรเกี่ยวกับพวกเขาในความคิดเห็น

ภาพเด่นผ่าน iiierlok_xolms / shutterstock.com