Moderna เป็นเทมเพลต Bootstrap หน้าเดียว ขอแนะนำสำหรับผู้ที่ต้องการสร้างเว็บไซต์ธุรกิจองค์กร ได้รับการออกแบบในสไตล์ทันสมัย ​​สะอาดตา และเรียบง่าย สร้างขึ้นด้วยคุณสมบัติที่น่าทึ่ง เช่น ตัวกรองพอร์ตโฟลิโอ แบบฟอร์มการติดต่ออาแจ็กซ์ที่ใช้งานได้ และ Flexslider เทมเพลตหน้าเดียวนี้มีการออกแบบอย่างมืออาชีพและแอนิเมชั่นที่ได้รับการปรับปรุง คุณสามารถใช้เป็นเว็บไซต์เริ่มต้น หน้าผลิตภัณฑ์ พอร์ตโฟลิโอของนักออกแบบ หรือบล็อก หนึ่งในเทมเพลตอเนกประสงค์ที่มีส่วนท้ายแบบหลายคอลัมน์สำหรับผู้ติดต่อ ลิงก์ธุรกิจ และโพสต์ล่าสุด

Google Fonts เป็นตัวแปรที่เหมาะกับความต้องการของคุณอย่างแน่นอน มีตัวเลือกสีในตัว คุณจึงไม่มีปัญหาในการหาจานสีที่สมบูรณ์แบบ หากคุณกำลังดูเว็บไซต์บนอุปกรณ์ที่ไม่ซับซ้อน แสดงว่ามี SASS ในเบราว์เซอร์ของคุณ คุณสามารถแก้ไขข้อมูลโค้ดได้โดยการเปลี่ยนโค้ดในตัวแก้ไขโค้ดในตัว คุณจะต้องชอบที่จะสร้างเว็บไซต์ของคุณด้วยเทมเพลตหน้าเดียวของ Moderna

Google Fonts เป็นตัวแปรที่เหมาะกับความต้องการของคุณอย่างแน่นอน มีตัวเลือกสีในตัว คุณจึงไม่มีปัญหาในการหาจานสีที่สมบูรณ์แบบ หากคุณกำลังดูเว็บไซต์บนอุปกรณ์ที่ไม่ซับซ้อน แสดงว่ามี SASS ในเบราว์เซอร์ของคุณ คุณสามารถแก้ไขข้อมูลโค้ดได้โดยการเปลี่ยนโค้ดในตัวแก้ไขโค้ดในตัว คุณจะต้องชอบที่จะสร้างเว็บไซต์ของคุณด้วยเทมเพลตหน้าเดียวของ Moderna คล้ายกับการออกแบบที่แตกต่างกันเล็กน้อยของแม่แบบ Arsha แม่แบบ Moderna ยังมีความซับซ้อนดังต่อไปนี้

คล้ายกับการออกแบบที่แตกต่างกันเล็กน้อยของแม่แบบ Arsha แม่แบบ Moderna ยังมีข้อดีดังต่อไปนี้ :

• เทมเพลตที่ตอบสนองอย่างเต็มที่
• Bootstrap เวอร์ชั่นล่าสุด
• มีเวอร์ชัน NodeJS/NPM และ Gulp (เฉพาะผู้ใช้ระดับโปรและสมาชิกเท่านั้น)
• การออกแบบที่สะอาดและทันสมัย
• สคริปต์แบบฟอร์มการติดต่อ PHP / Ajax (รุ่น Pro เท่านั้น)
• Bootstrap เวอร์ชั่นล่าสุด
• นิเมชั่นบนเอฟเฟกต์การเลื่อน scroll
• สะอาดและง่ายต่อการปรับแต่งรหัส
• เมนูมือถือนอกผ้าใบ
• หน้าผลงานที่กรองได้
• ผลงานพร้อมการสนับสนุนไลท์บ็อกซ์
• ปรับ SEO ให้เหมาะสม
• วิดีโอที่ตอบสนอง วัตถุ ฝัง
• รองรับเบราว์เซอร์ข้ามได้

ต้นฉบับ

เทมเพลตนี้เคยเผยแพร่บนเว็บไซต์ไปแล้ว Bootstrapmade

ใบอนุญาต

แม่แบบนี้เป็นลิขสิทธิ์ BootstrapMade.com และอยู่ภายใต้ลิขสิทธิ์ ทีมพัฒนาจาก Bootstrapmade โดยมีข้อจำกัดดังต่อไปนี้ :

• เราได้รับอนุญาต :

  • การใช้เทมเพลตที่เผยแพร่บน BootstrapMade.com สำหรับโครงการส่วนบุคคลหรือเชิงพาณิชย์
  • สร้างเว็บไซต์สำหรับลูกค้าและเรียกเก็บเงินตามจำนวนที่คุณต้องการ
  • แก้ไขและปรับแต่งไฟล์เทมเพลตให้เหมาะกับความต้องการของคุณ

• เราไม่ได้รับอนุญาตให้ :

  • ลบลิงก์ย้อนกลับไปยัง BootstrapMade.com (ออกแบบโดย BootstrapMade) ออกจากส่วนท้ายของเทมเพลต เว้นแต่คุณจะซื้อใบอนุญาต
  • อ้างสิทธิ์ในเครดิตหรือความเป็นเจ้าของไฟล์หรือรหัสใด ๆ ที่พบใน BootstrapMade.com
  • ขายต่อ แจกจ่ายซ้ำ อนุญาตหรือให้อนุญาตช่วงไฟล์หรือรหัสใด ๆ ที่พบใน BootstrapMade.com โดยไม่ได้รับอนุญาตโดยตรงจาก BootstrapMade.com

คุณสามารถอ่านเพิ่มเติมเกี่ยวกับใบอนุญาตการใช้เทมเพลตนี้ได้ที่นี่ https://bootstrapmade.com/license/.

ลักษณะเฉพาะ

ฟีเจอร์ดั้งเดิมในเทมเพลตเวอร์ชันฟรีนี้ก่อนแก้ไขมีดังนี้ :

• Bootstrap เวอร์ชันล่าสุด
• การออกแบบที่สะอาดและทันสมัย
• สคริปต์แบบฟอร์มการติดต่อ PHP / Ajax (รุ่น Pro เท่านั้น)
• สไตล์ไอคอน
• นิเมชั่นบนเอฟเฟกต์การเลื่อน scroll
• สะอาดและง่ายต่อการปรับแต่งรหัส
• เมนูมือถือนอกผ้าใบ
• กล่องราคาตอบสนองที่ดี
• หน้าผลงานที่กรองได้
• ผลงานพร้อมการสนับสนุนไลท์บ็อกซ์
• ปรับ SEO ให้เหมาะสม
• วิดีโอที่ตอบสนอง วัตถุ ฝัง
• รองรับเบราว์เซอร์ข้ามได้

เทคโนโลยีหลัก

• Bootstrap v4.5.0
• jQuery v3.5.1
• Animate
• Boxicons
• Counterup
• icofont
• isotope-layout
• jquery.easing
• owl.carousel
• php-email-form
• remixicon
• venobox
• waypoints

การดัดแปลง

เทมเพลตที่คุณเห็นเป็นเวอร์ชันที่สามารถใช้งานได้ฟรี ตราบใดที่คุณใส่ใจกับข้อจำกัดบางอย่าง ซึ่งจะอธิบายไว้ในสาระสำคัญของคำว่าใบอนุญาตด้านบน

• ในกระบวนการปรับแต่งเทมเพลตนี้ เราได้รวมเทคโนโลยีต่อไปนี้ไว้ในการกำหนดค่า :

  • อัปเกรด Bootstrap 4.5.0 เป็น Bootstrap v4.5.2
  • ลดขนาด JS โดยใช้ Terser v4.8.0
  • ลดขนาด CSS โดยใช้ Less v3.11.3
  • ลดขนาด SCSS โดยใช้ Node Sass v4.14.1 + Dart Sass v1.26.2
  • กำหนดค่าโดยใช้ Babel v7.10.3
  • กำหนดค่าโดยใช้ Webpack v4.43.0
  • กำหนดค่าโดยใช้ TypeScript v3.9.5
  • Transpile กับ Babel
  • รองรับ SASS
  • รองรับคำนำหน้าอัตโนมัติ
  • การเพิ่มประสิทธิภาพของไฟล์ about.html
  • การเพิ่มประสิทธิภาพของไฟล์ blog.html
  • การเพิ่มประสิทธิภาพของไฟล์ blog-single.html
  • การเพิ่มประสิทธิภาพของไฟล์ contact.html
  • การเพิ่มประสิทธิภาพของไฟล์ index.html
  • การเพิ่มประสิทธิภาพของไฟล์ไฟล์ index-2.html
  • การเพิ่มประสิทธิภาพของไฟล์ portfolio.html
  • การเพิ่มประสิทธิภาพของ portfolio-details.html . file
  • การเพิ่มประสิทธิภาพของไฟล์ services.html
  • การเพิ่มประสิทธิภาพของไฟล์ team.html
  • ไม่โหลดโฟลเดอร์ aos โดยทำเครื่องหมายว่าเป็นโฟลเดอร์ _aos

• ลบไฟล์ต้นฉบับและแทนที่ด้วยไฟล์ต่อไปนี้ :

  • เพิ่ม transformations-nick.css
  • style-nick.css
  • main-nick.js
  • bootstrap 4.5.2
  • jquery-3.5.1.min-nick.js ( ปรับให้เหมาะสม เพิ่ม .map file )
  • jquery.easing.min-nick.js ( ปรับให้เหมาะสม เพิ่ม .map file )
  • jquery.waypoints.min-nick.js ( ปรับให้เหมาะสม เพิ่ม .map file )
  • bootstrap.bundle.min-nick.js
  • สินทรัพย์ aos ในเครื่องไปยังสินทรัพย์ aos CDN v2.3.4
  • animate.min-nick.css
  • animate-nick.css
  • animate.compat-nick.css
  • owl.carousel.min-nick.css
  • venobox-nick.css
  • venobox-nick.js
  • venobox.min-nick.js
  • counterup.min-nick.js
  • owl.carousel.min-nick.js

• เพิ่ม สคริปต์ aos v2.3.4 CDN ต่อไปนี้ :

   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" integrity="sha512-1cK78a1o+ht2JcaW6g8OXYwqpev9+6GqOkz9xmBN9iUUhIndKtxwILGWYOSibOKjLsEdjyjZvYDq/cZwNeak0w==" crossorigin="anonymous" />

   <script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js" integrity="sha512-A7AYk1fGKX6S2SsHywmPkrnzTZHrgiVT7GcQkLGDe2ev0aWb8zejytzS8wjo7PGEXKqJOrjQ4oORtnimIRZBtw==" crossorigin="anonymous"></script>

หมายเหตุ: คุณสามารถตรวจสอบเอกสารสคริปต์ AOS ด้านบนได้ที่นี่ https://cdnjs.com/libraries/aos.

การซ่อมแซมแม่แบบ

ไม่มีการแก้ไข