File: /home/suanchonac/public_html/Restaurantly/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>ครูโอ๋</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Prompt:wght@500&display=swap" rel="stylesheet">
<style type="text/css">
body{
font-family: 'Prompt', sans-serif;
}
</style>
<!-- Vendor CSS Files -->
<link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<!-- ======= Top Bar ======= -->
<div id="topbar" class="d-flex align-items-center fixed-top">
<div class="container d-flex justify-content-center justify-content-md-between">
<div class="contact-info d-flex align-items-center">
<i class="bi bi-phone d-flex align-items-center"><span>+94149 5005</span></i>
<i class="bi bi-calendar d-flex align-items-center ms-4"><span> 21 - 22 เมษายน 2566</span></i>
</div>
</div>
</div>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top d-flex align-items-cente">
<div class="container-fluid container-xl d-flex align-items-center justify-content-lg-between">
<h1 class="logo me-auto me-lg-0"><a href="index.html">Oh</a></h1>
<nav id="navbar" class="navbar order-last order-lg-0">
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero" class="d-flex align-items-center">
<div class="container position-relative text-center text-lg-start" data-aos="zoom-in" data-aos-delay="100">
<div class="row">
<div class="col-lg-8">
<h1>ขอเรียนเชิญ <span>ร่วมอนุโมทนาบุญ</span></h1>
<h2>เนื่องในงานอุปสมบท</h2>
<div class="btns">
<a href="" class="btn-menu animated fadeInUp scrollto"><h2>นายทศพร สร้างนานอก</h2></a>
<a href="" class="btn-book animated fadeInUp scrollto"><h2>ครูโอ๋</h2></a>
</div>
</div>
<div class="col-lg-4 d-flex align-items-center justify-content-center position-relative" data-aos="zoom-in" data-aos-delay="200">
<a href="#" class="glightbox play-btn"></a>
</div>
</div>
</div>
</section><!-- End Hero -->
<main id="main">
<!-- ======= About Section ======= -->
<section id="about" class="about">
<div class="container" data-aos="fade-up">
<div class="row">
<div class="col-lg-6 order-1 order-lg-2" data-aos="zoom-in" data-aos-delay="100">
<div class="about-img">
<img src="assets/img/about.jpg" alt="">
</div>
</div>
<div class="col-lg-6 pt-4 pt-lg-0 order-2 order-lg-1 content" align="center">
<h3>นายสำอางค์ สร้างนานอก (บิดา)</h3>
<h3>นางสุนทร สร้างนานอก (มารดา)</h3><br>
<p class="fst-italic">
มีความยินดีขอเรียนเชิญญาติมิตรและท่านที่เคารพนับถือ </br>ร่วมอนุโมทนาบุญเนื่องในงานอุปสมบท
</p>
<h3>นายทศพร สร้างนานอก (ครูโอ๋)</h3><br>
<img src="assets/img/oh.png" width="200px" height="200px" alt="">
</div>
</div>
</div>
</section><!-- End About Section -->
<!-- ======= Why Us Section ======= -->
<section id="why-us" class="why-us">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>ข้าพเจ้า</h2>
<font color="c6a668" size="+3">ขอกราบลาอุปสมบท ทดแทนพระคุณบิดา - มารดา</font>
</div>
<div class="row">
<div class="col-lg-4">
<div class="box" data-aos="zoom-in" data-aos-delay="100">
<span><i class="bi bi-calendar-day-fill"></i></span>
<h4>วันที่ 21-22 เมษายน 2566</h4>
<p>ศุกร์ ที่ 21 เมษายน 2566</p>
<p>เสาร์ ที่ 22 เมษายน 2566</p>
</div>
</div>
<div class="col-lg-4 mt-4 mt-lg-0">
<div class="box" data-aos="zoom-in" data-aos-delay="200">
<span><i class="bi bi-geo-alt-fill"></i></span>
<h4>ตั้งกองบวช</h4>
<p>ณ บ้านเลขที่ 66 หมู่ 3</p>
<p>ตำบลก้านเหลือง อำเภอแวงน้อย จังหวัดขอนแก่น</p>
</div>
</div>
<div class="col-lg-4 mt-4 mt-lg-0">
<div class="box" data-aos="zoom-in" data-aos-delay="300">
<span><i class="bi bi-map-fill"></i></span>
<h4>อุปสมบท</h4>
<p>ณ พัทธสีมาวัดจุมพล (หลวงปู่วรพรตวิธาน)</p>
<p>ตำบลก้านเหลือง อำเภอแวงน้อย จังหวัดขอนแก่น</p>
</div>
</div>
</div>
</div>
</section><!-- End Why Us Section -->
<!-- ======= Menu Section ======= -->
<section id="menu" class="menu section-bg">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>21-22 เมษายน 2566</h2>
<font color="c6a668" size="+3">กำหนดการอุปสมบท</font>
</div>
<div class="row" data-aos="fade-up" data-aos-delay="100">
<div class="col-lg-12 d-flex justify-content-center">
<ul id="menu-flters">
<li data-filter="*" class="filter-active"><h2>วันศุกร์ ที่ 21 เมษายน 2566</h2></li>
</ul>
</div>
</div>
<div class="row menu-container" data-aos="fade-up" data-aos-delay="200">
<div class="col-lg-6 menu-item filter-starters">
<img src="assets/img/menu/lobster-bisque.jpg" class="menu-img" alt="">
<div class="menu-content">
<a href="#">ตั้งกองบวช/เครื่องไทยธรรม</a><span>06.00 น.</span>
</div>
<div class="menu-ingredients">
วันศุกร์ ที่ 21 เมษายน 2566 ขึ้น 2 ค่ำ เดือนหก
</div>
</div>
<div class="col-lg-6 menu-item filter-specialty">
<img src="assets/img/menu/bread-barrel.jpg" class="menu-img" alt="">
<div class="menu-content">
<a href="#">ขอเชิญร่วมรับประทานอาหาร</a><span>07.00 น.</span>
</div>
<div class="menu-ingredients">
วันศุกร์ ที่ 21 เมษายน 2566 ขึ้น 2 ค่ำ เดือนหก
</div>
</div>
<div class="col-lg-6 menu-item filter-starters">
<img src="assets/img/menu/cake.jpg" class="menu-img" alt="">
<div class="menu-content">
<a href="#">พิธีปลงผมนาค-บายศรีสู่ขวัญนาค</a><span>09.00 น.</span>
</div>
<div class="menu-ingredients">
วันศุกร์ ที่ 21 เมษายน 2566 ขึ้น 2 ค่ำ เดือนหก
</div>
</div>
<div class="col-lg-6 menu-item filter-salads">
<img src="assets/img/menu/caesar.jpg" class="menu-img" alt="">
<div class="menu-content">
<a href="#">ถวายภัตตาหารเพล</a><span>11.00 น.</span>
</div>
<div class="menu-ingredients">
วันศุกร์ ที่ 21 เมษายน 2566 ขึ้น 2 ค่ำ เดือนหก
</div>
</div>
<div class="col-lg-6 menu-item filter-specialty">
<img src="assets/img/menu/tuscan-grilled.jpg" class="menu-img" alt="">
<div class="menu-content">
<a href="#">แห่นาค</a><span>13.00 น.</span>
</div>
<div class="menu-ingredients">
วันศุกร์ ที่ 21 เมษายน 2566 ขึ้น 2 ค่ำ เดือนหก
</div>
</div>
</div>
<br><br>
<div class="row" data-aos="fade-up" data-aos-delay="100">
<div class="col-lg-12 d-flex justify-content-center">
<ul id="menu-flters">
<li data-filter="*" class="filter-active"><h2>วันเสาร์ ที่ 22 เมษายน 2566</h2></li>
</ul>
</div>
</div>
<div class="row menu-container" data-aos="fade-up" data-aos-delay="200">
<div class="col-lg-6 menu-item filter-starters">
<img src="assets/img/menu/mozzarella.jpg" class="menu-img" alt="">
<div class="menu-content">
<a href="#">เข้าอุปสมบท</a><span>09.00 น.</span>
</div>
<div class="menu-ingredients">
วันเสาร์ ที่ 22 เมษายน 2566 ขึ้น 3 ค่ำ เดือนหก
</div>
</div>
</div>
</div>
</section><!-- End Menu Section -->
<!-- ======= Events Section ======= -->
<section id="events" class="events">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Events</h2>
<font color="c6a668" size="+3">มีความยินดีขอเรียนเชิญท่านร่วมอนุโมทนาบุญ</font>
</div>
<div class="events-slider swiper" data-aos="fade-up" data-aos-delay="100">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="row event-item">
<div class="col-lg-6">
<img src="assets/img/event-birthday.jpg" class="img-fluid" alt="">
</div>
<div class="col-lg-6 pt-4 pt-lg-0 content">
<h3>การ์ดออนไลน์</h3>
<div class="price">
<p><span><i class="bi bi-card-text"></i></span></p>
</div>
<p class="fst-italic">
ขอใช้การ์ดออนไลน์นี้เป็นอีกหนึ่งช่องทางการเรียนเชิญทุกท่าน
</p>
<ul>
<li><i class="bi bi-check-circled"></i> การ์ดออนไลน์ยังช่วยกันลดปริมาณการใช้กระดาษ</li>
<li><i class="bi bi-check-circled"></i> ช่วยรักษาชีวิตต้นไม้ได้ถึง 1.3 ล้านต้นต่อปี</li>
<li><i class="bi bi-check-circled"></i> ในกระบวนการผลิตกระดาษ 1 ตันต้องใช้ต้นไม้มากถึง 17 ต้น</li>
</ul>
<p>
ความว่า ในการสนองความต้องการใช้กระดาษของคนไทยให้เพียงพอ เราต้องตัดต้นไม้ถึงปีละประมาณ 55 ล้านต้น
</p>
</div>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="row event-item">
<div class="col-lg-6">
<img src="assets/img/event-private.jpg" class="img-fluid" alt="">
</div>
<div class="col-lg-6 pt-4 pt-lg-0 content">
<h3>ที่ระลึกงานอุปสมบท</h3>
<div class="price">
<p><span>รายนามผู้จัดพิมพ์</span></p>
</div>
<p class="fst-italic">
"การให้ธรรมะเป็นทาน ย่อมชนะการให้ทั้งปวง"
</p>
<ul>
<li><i class="bi bi-check-circled"></i> คุณพ่อสำอางค์ - คุณแม่สุนทร - ครูทศพร สร้างนานอก</li>
<li><i class="bi bi-check-circled"></i> คุณพ่อแดง - คุณแม่หนูเตียง อาตมา</li>
<li><i class="bi bi-check-circled"></i> คุณพ่อตึ้ง - คุณแม่ลำไย บริบูรณ์</li>
</ul>
<p>
คุณมลธิญา - คุณประทวน - คุณพงศธร - คุณมินตยาวดี เรืองจาบ, คุณณรงค์ศักดิ์ - คุณคำพูน - คุณนิภานันท์ บริบูรณ์, คุณพ่อเปีย ลันนัน, คุณแม่ออน - คุณพ่อจรัล นาชิน, คุณเสถียร - คุณเกษร อาตมา, คุณสาคร โสภณ, คุณโศจิรัตน์ - คุณปิยะพัทธ์ อาตมา, คุณพ่อลิขิต - คุณแม่บุญธรรม ภูเวียงแก้ว, จ่าเอกกิติเดช - คุณพนิดา กลั้นใจได้
</p>
</div>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="row event-item">
<div class="col-lg-6">
<img src="assets/img/event-custom.jpg" class="img-fluid" alt="">
</div>
<div class="col-lg-6 pt-4 pt-lg-0 content">
<h3>ด้วยความรักและห่วงใย</h3>
<div class="price">
<p><span>COVID-19</span></p>
</div>
<p class="fst-italic">
เนื่องด้วยสถานการณ์การแพร่ระบาดของ COVID-19
เรามีความจำเป็นต้องปฏิบัติตามมาตรการของภาครัฐอย่างเคร่งครัด
ซึ่งอาจทำให้ท่านไม่ได้รับความสะดวกในบางช่วงพิธีการ
เราจึงต้องขออภัยมา ณ โอกาสนี้
</p>
<ul>
<li><i class="bi bi-check-circled"></i> สวมหน้ากากอนามัย</li>
<li><i class="bi bi-check-circled"></i> หมั่นล้างมือ</li>
<li><i class="bi bi-check-circled"></i> ด้วยความรักและห่วงใย ในความปลอดภัยของญาติพี่น้อง
รวมถึงเพื่อนๆ ที่รักทุกคน</li>
</ul>
</div>
</div>
</div><!-- End testimonial item -->
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section><!-- End Events Section -->
<!-- ======= Testimonials Section ======= -->
<section id="testimonials" class="testimonials section-bg">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>คณะเจ้าภาพ</h2>
<font color="c6a668" size="+3">ขอขอบคุณด้วยหัวใจ</font>
</div>
<div class="testimonials-slider swiper" data-aos="fade-up" data-aos-delay="100">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial-item">
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
กรรมใดที่ข้าพเจ้าได้เคยล่วงเกินท่านด้วย กายกรรม วจีกรรม มโนกรรม ขอได้โปรดอโหสิกรรมนั้นแก่ข้าพเจ้าด้วยเทอญ
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
<img src="assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt="">
<h3>ทศพร สร้างนานอก</h3>
<h4>ผู้อุปสมบท</h4>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
เจ้าภาพมีความยินดีขอเรียญเชิญญาติมิตรทุกท่าน ร่วมอนุโมทนาบุญในครั้งนี้ด้วยความยินดียิ่ง และขออภัยหากมิได้มาเรียนเชิญด้วยตนเอง
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
<img src="assets/img/testimonials/testimonials-5.jpg" class="testimonial-img" alt="">
<h3>สำอางค์ สร้างนานอก</h3>
<h4>บิดา</h4>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
เจ้าภาพมีความยินดีขอเรียญเชิญญาติมิตรทุกท่าน ร่วมอนุโมทนาบุญในครั้งนี้ด้วยความยินดียิ่ง และขออภัยหากมิได้มาเรียนเชิญด้วยตนเอง
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
<img src="assets/img/testimonials/testimonials-2.jpg" class="testimonial-img" alt="">
<h3>สุนทร สร้างนานอก</h3>
<h4>มารดา</h4>
</div>
</div><!-- End testimonial item -->
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section><!-- End Testimonials Section -->
<!-- ======= Gallery Section ======= -->
<section id="gallery" class="gallery">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Gallery</h2>
<font color="c6a668" size="+3">ขออภัยหากมิได้มาเรียนเชิญด้วยตัวเอง</font>
</div>
</div>
<div class="container-fluid" data-aos="fade-up" data-aos-delay="100">
<div class="row g-0">
<div class="col-lg-3 col-md-4">
<div class="gallery-item">
<a href="assets/img/gallery/gallery-1.jpg" class="gallery-lightbox" data-gall="gallery-item">
<img src="assets/img/gallery/gallery-1.jpg" alt="" class="img-fluid">
</a>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="gallery-item">
<a href="assets/img/gallery/gallery-2.jpg" class="gallery-lightbox" data-gall="gallery-item">
<img src="assets/img/gallery/gallery-2.jpg" alt="" class="img-fluid">
</a>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="gallery-item">
<a href="assets/img/gallery/gallery-3.jpg" class="gallery-lightbox" data-gall="gallery-item">
<img src="assets/img/gallery/gallery-3.jpg" alt="" class="img-fluid">
</a>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="gallery-item">
<a href="assets/img/gallery/gallery-4.jpg" class="gallery-lightbox" data-gall="gallery-item">
<img src="assets/img/gallery/gallery-4.jpg" alt="" class="img-fluid">
</a>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="gallery-item">
<a href="assets/img/gallery/gallery-5.jpg" class="gallery-lightbox" data-gall="gallery-item">
<img src="assets/img/gallery/gallery-5.jpg" alt="" class="img-fluid">
</a>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="gallery-item">
<a href="assets/img/gallery/gallery-6.jpg" class="gallery-lightbox" data-gall="gallery-item">
<img src="assets/img/gallery/gallery-6.jpg" alt="" class="img-fluid">
</a>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="gallery-item">
<a href="assets/img/gallery/gallery-7.jpg" class="gallery-lightbox" data-gall="gallery-item">
<img src="assets/img/gallery/gallery-7.jpg" alt="" class="img-fluid">
</a>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="gallery-item">
<a href="assets/img/gallery/gallery-8.jpg" class="gallery-lightbox" data-gall="gallery-item">
<img src="assets/img/gallery/gallery-8.jpg" alt="" class="img-fluid">
</a>
</div>
</div>
</div>
</div>
</section><!-- End Gallery Section -->
<!-- ======= Chefs Section ======= -->
<section id="chefs" class="chefs">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>สถานที่อุปสมบท</h2>
<font color="c6a668" size="+3">ณ พัทธสีมาวัดจุมพล (หลวงปู่วรพรตวิธาน)</font>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="member" data-aos="zoom-in" data-aos-delay="100">
<img src="assets/img/chefs/chefs-1.jpg" class="img-fluid" alt="">
<div class="member-info">
<div class="member-info-content">
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="member" data-aos="zoom-in" data-aos-delay="200">
<img src="assets/img/chefs/chefs-2.jpg" class="img-fluid" alt="">
<div class="member-info">
<div class="member-info-content">
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="member" data-aos="zoom-in" data-aos-delay="300">
<img src="assets/img/chefs/chefs-3.jpg" class="img-fluid" alt="">
<div class="member-info">
<div class="member-info-content">
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Chefs Section -->
<!-- ======= Contact Section ======= -->
<section id="contact" class="contact">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>ปักหมุดแผนที่การเดินทาง</h2>
<font color="c6a668" size="+3">จังหวัดขอนแก่น</font>
</div>
</div>
<div data-aos="fade-up">
<iframe style="border:0; width: 100%; height: 350px;" src="https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d44645.5581665636!2d102.5364000020945!3d15.84381511094037!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMTXCsDUxJzE3LjkiTiAxMDLCsDMwJzM1LjgiRQ!5e0!3m2!1sen!2sth!4v1678352154574!5m2!1sen!2sth" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="container" data-aos="fade-up">
<div class="row mt-5">
<div class="col-lg-4">
<div class="info">
<div class="address">
<i class="bi bi-geo-alt"></i>
<h4>Location:</h4>
<p>66 หมู่ 3 ตำบลก้านเหลือง อำเภอแวงน้อย จังหวัดขอนแก่น</p>
</div>
<div class="open-hours">
<i class="bi bi-clock"></i>
<h4>Open Hours:</h4>
<p>
21-22 เมษายน 2566<br>
06:00 น.
</p>
</div>
<div class="email">
<i class="bi bi-envelope"></i>
<h4>Email:</h4>
<p>thosaphorn.s@suanchon.ac.th</p>
</div>
<div class="phone">
<i class="bi bi-phone"></i>
<h4>Call:</h4>
<p>+94149 5005</p>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Contact Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container">
<div class="copyright">
© Copyright <strong><span>Oh</span></strong>. All Rights Reserved
</div>
</div>
</footer><!-- End Footer -->
<div id="preloader"></div>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>