CINXE.COM

วิสัยทัศน์ | ศูนย์นวัตกรรมอาหารและบรรจุภัณฑ์

<!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="description" content="Bingo One page parallax responsive HTML Template "> <meta name="author" content="Themefisher.com"> <title>วิสัยทัศน์ | ศูนย์นวัตกรรมอาหารและบรรจุภัณฑ์</title> <!-- Mobile Specific Meta ================================================== --> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Favicon --> <link rel="shortcut icon" type="image/x-icon" href="img/favicon.png" /> <!-- CSS ================================================== --> <!-- RS5.0 Main Stylesheet --> <link rel="stylesheet" type="text/css" href="plugins/revo-slider/css/settings.css"> <!-- RS5.0 Layers and Navigation Styles --> <link rel="stylesheet" type="text/css" href="plugins/revo-slider/css/layers.css"> <link rel="stylesheet" type="text/css" href="plugins/revo-slider/css/navigation.css"> <!-- REVOLUTION STYLE SHEETS --> <link rel="stylesheet" type="text/css" href="plugins/revo-slider/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css"> <link rel="stylesheet" type="text/css" href="plugins/revo-slider/fonts/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="plugins/revo-slider/css/settings.css"> <link rel="stylesheet" type="text/css" href="plugins/revo-slider/css/layers.css"> <link rel="stylesheet" type="text/css" href="plugins/revo-slider/css/navigation.css"> <!-- Themefisher Icon font --> <link rel="stylesheet" href="plugins/themefisher-font/style.css"> <!-- bootstrap.min css --> <link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.min.css"> <!-- Lightbox.min css --> <link rel="stylesheet" href="plugins/lightbox2/dist/css/lightbox.min.css"> <!-- Slick Carousel --> <link rel="stylesheet" href="plugins/slick-carousel/slick/slick.css"> <link rel="stylesheet" href="plugins/slick-carousel/slick/slick-theme.css"> <!-- Main Stylesheet --> <link rel="stylesheet" href="css/style.css"> <!-- Colors --> <!-- <link rel="stylesheet" type="text/css" href="css/colors/green.css" title="green"> <link rel="stylesheet" type="text/css" href="css/colors/red.css" title="light-red"> <link rel="stylesheet" type="text/css" href="css/colors/light-blue.css" title="light-blue"> <link rel="stylesheet" type="text/css" href="css/colors/yellow.css" title="yellow"> <link rel="stylesheet" type="text/css" href="css/colors/light-green.css" title="light-green"> <link rel="stylesheet" type="text/css" href="css/colors/blue.css" title="blue"> --> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-83737325-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-83737325-1'); </script> <!-- End Global site tag (gtag.js) - Google Analytics --> </head> <body id="body"> <!-- Start Preloader ==================================== --> <div id="preloader"> <div class='preloader'> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> </div> </div> <!-- End Preloader ==================================== --> <!-- Fixed Navigation ==================================== --> <iframe src="./include/header.html" onload="this.before((this.contentDocument.body||this.contentDocument).children[0]);this.remove()"></iframe> <!-- End Fixed Navigation ==================================== --> <section class="single-page-header"> <div class="container"> <div class="row"> <div class="col-md-12"> <h2 style="text-shadow: 2px 1px #17202A;">วิสัยทัศน์ พันธกิจ ค่านิยม</h2> <!-- <ol class="breadcrumb header-bradcrumb"> <li><a href="index.html">หน้าแรก</a></li> <li class="active">วิสัยทัศน์</li> --> </ol> </div> </div> </div> </section> <!-- <section class="about-shot-info section-sm"> <div class="container"> <div class="row"> <div class="col-md-12"> <img class="img-responsive" img src="images/company/vision&mision.jpg" alt=""> </div> </div> </div> </section> --> <br> <section id="main-container" class="main-container"> <div class="container"> <div class="row"> <div class="col-lg-12 "> <br><style> .image-effect { transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } .image-effect:hover { transform: scale(1.05); /* ขยายภาพเล็กน้อยเมื่อ hover */ box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ } </style> <style> .big-text { font-size: 24px; font-weight: bold; /* ถ้าต้องการให้ตัวหนาด้วย */ } </style> <section class="about-shot-info section-sm"> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <!-- ปรับขนาดรูปและจัดกลาง --> <h2 class="mt-3">วิสัยทัศน์ พันธกิจ ค่านิยม </h2> <p class="text-justify" style="font-size: 1.6em;"> <h2 class="mt-3" style="color: orange;text-align: left;">วิสัยทัศน์</h2> <p class="text-justify" style="font-size: 1.5em;"> <br>A Leader in Asia of Future Food Innovation Development Thorough Biodiversity Utilization ผู้นำการพัฒนานวัตกรรมอาหารมูลค่าสูงแห่งอนาคตบนความหลากหลายทางชีวภาพในระดับเอเชีย <br></p> <h2 class="mt-3" style="color: orange;text-align: left;">พันธกิจ</h2> <p class="text-justify" style="font-size: 1.5em;"> 1. ให้บริการพัฒนานวัตกรรมอาหารผ่านกระบวนการวิจัย วิเคราะห์ ทดสอบ ตลอดห่วงโซ่ธุรกิจอาหารและธุรกิจที่เกี่ยวข้อง ให้มีความพร้อมเพื่อขอการรับรองมาตรฐานในระดับสากลและสอดคล้องกับความต้องการของผู้บริโภค<br> 2. ส่งเสริมการพัฒนานวัตกรรมอาหารจากความหลากหลายทางชีวภาพในภูมิภาคเอเชียอย่างยั่งยืน<br> 3. เป็นกลไกในการยกระดับงานวิจัยของมหาวิทยาลัยในด้านอาหารเพื่อสุขภาพ อาหารเพื่อผู้สูงอายุ และอาหารแห่งอนาคตให้มีความพร้อมในการนำไปใช้งานเชิงพาณิชย์ </p> <br> <h2 class="mt-3" style="color: orange;text-align: left;">ค่านิยม </h2> <p class="text-justify" style="font-size: 1.5em;">สร้างสรรค์ ฉับไว ใส่ใจคุณภาพ</p> <h2 class="mt-3" style="color: orange;text-align: left;">สมรรถนะ </h2> <p class="text-justify" style="font-size: 1.5em;">พัฒนานวัตกรรมอาหารและให้บริการด้านเทคนิคอย่างมืออาชีพ</p> <br> <h2 class="mt-3" style="color: orange;text-align: left;">วัฒนธรรมองค์กร </h2> <p class="text-justify" style="font-size: 1.5em;"> การให้บริการด้วย SERVICE MIND รวดเร็ว เอาใจใส่ต่อการให้บริการและคุณภาพทุกขั้นตอน </p> <br> </p> </p> </div> <div class="row align-items-center"> <!-- คอลัมน์รูปภาพ (ซ้าย) --> <div class="col-md-6 text-left"> <img class="img-responsive" src="images/company/Ads V12.11-01.jpg" alt="3C Strategy"> </div> <!-- คอลัมน์ข้อความ (ขวา) --> <div class="col-md-6"> <h2 class="mt-3">ยุทธศาสตร์ 3C</h2> <p style="font-size: 2.5rem; color: #ffb116;font-weight: 600;"> C1: Co-Creation and Standardization </p> <p style="font-size: 2rem; color: rgb(91, 89, 89); font-weight: 400;"> เพื่อพัฒนานวัตกรรมอาหารผ่านกระบวนการวิจัย วิเคราะห์ ทดสอบ ตลอดห่วงโซ่ธุรกิจอาหาร และธุรกิจที่เกี่ยวข้อง ให้มีความพร้อมเพื่อขอการรับรองมาตรฐานในระดับสากล และสอดคล้องกับความต้องการของผู้บริโภค . </p> <p style="font-size: 2.5rem; color: #ffb116;font-weight: 600;"> C2: Connecting Biodiversity in Asia </p> <p style="font-size: 2rem; color: rgb(91, 89, 89); font-weight: 400;"> เพื่อส่งเสริมการพัฒนานวัตกรรมอาหารจากความหลากหลายทางชีวภาพในภูมิภาคเอเชียอย่างยั่งยืน <p style="font-size: 2.5rem; color: #ffb116;font-weight: 600;"> C3: CMU Food Innovation Convergence </p> <p style="font-size: 2rem; color: rgb(91, 89, 89); font-weight: 400;"> เพื่อยกระดับงานวิจัยของมหาวิทยาลัยเชียงใหม่ในด้านอาหารเพื่อสุขภาพอาหารผู้สูงอายุ และอาหารแห่งอนาคตให้มีความพร้อมในการนำไปใช้งานเชิงพาณิชย์ </p> </p> </div> </div> </div> </div> </section> <style> /* เอฟเฟคสำหรับรูปภาพ */ .img-effect { transition: transform 0.3s ease, box-shadow 0.3s ease; margin: 0 auto; /* จัดให้รูปอยู่กลาง */ display: block; /* ให้รูปเป็นบล็อค */ } .img-effect:hover { transform: scale(1.1); /* ขยายภาพ 10% เมื่อวางเมาส์ */ box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2); /* เพิ่มเงา */ } </style> </section> <iframe src="./include/footer.html" onload="this.before((this.contentDocument.body||this.contentDocument).children[0]);this.remove()"></iframe> <!-- end footer --> <!-- end Footer Area ========================================== --> <!-- Essential Scripts =====================================--> <!-- Main jQuery --> <script src="plugins/jquery/dist/jquery.min.js"></script> <!-- Bootstrap 3.7 --> <script src="plugins/bootstrap/js/bootstrap.min.js"></script> <!-- Parallax --> <script src="plugins/parallax/jquery.parallax-1.1.3.js"></script> <!-- lightbox --> <script src="plugins/lightbox2/dist/js/lightbox.min.js"></script> <!-- Owl Carousel --> <script src="plugins/slick-carousel/slick/slick.min.js"></script> <!-- Portfolio Filtering --> <script src="plugins/mixitup/dist/mixitup.min.js"></script> <!-- Smooth Scroll js --> <script src="plugins/smooth-scroll/dist/js/smooth-scroll.min.js"></script> <!-- Custom js --> <script src="js/script.js"></script> </body> </html>