File Manager

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
    <head>
        
        <title>66 �� ʶҺѹ�Ԩ�¾ĵԡ�����ʵ�� </title>
		<style>
		div{
color: black;
}
		</style>
		<meta http-equiv="Content-Type" content="text/html; charset=windows-874">
       
        <meta content="66th BSRI Anniversary SWU �Ԩ�� �ĵԡ�����ʵ��" name="keywords">
        <meta content="66 �� ʶҺѹ�Ԩ�¾ĵԡ�����ʵ��" name="description">

<link href="img/favicon.ico" rel="icon">

<link href="https://fonts.googleapis.com/css2?family=Trirong:wght@300;400;600;700;800&display=swap" rel="stylesheet">

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">
        <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
        <link href="lib/animate/animate.min.css" rel="stylesheet">
        <link href="lib/flaticon/font/flaticon.css" rel="stylesheet"> 
        <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
        <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">

<link href="css/style.css" rel="stylesheet">
    </head>

<div class="navbar navbar-expand-lg bg-dark navbar-dark">
            <div class="container-fluid">
                <img src="img/logo2-02.png" width="120" alt=""/>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
        <span class="navbar-toggler-icon"></span>
    </button>

<div class="collapse navbar-collapse justify-content-between" id="navbarCollapse">
                    <div class="navbar-nav ml-auto">
                        <a href="index.html" class="nav-item nav-link active">˹���á</a>
                        <a href="http://bsri.swu.ac.th" class="nav-item nav-link" target="_blank">BSRI</a>
                        <a href="https://forms.gle/VVMrPcgGyi6diMWQA" class="nav-item nav-link" target="_blank">ŧ����¹</a>
                        <a href="#preparing" class="nav-item nav-link">����ͧ�����ʹ�</a>
						<a href="#schedule" class="nav-item nav-link">��˹����</a>
                        
                        <a href="https://so02.tci-thaijo.org/index.php/JBSD" class="nav-item nav-link" target="_blank">�觺�����</a>
                        
                        <a href="#contact" class="nav-item nav-link">�Դ���</a>
                    </div>
                </div>
            </div>
        </div>
        

        <div class="page-header">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <h3>���͡�ٻ�Ҿ��С�͡��������´�����ʴ������Թ��</h3>
                    </div>
                    <div class="col-12">
                       66 �� ʶҺѹ�Ԩ�¾ĵԡ�����ʵ�� ��� | 25 �ԧ�Ҥ� 2564
                    </div>
                </div>
            </div>
        </div>

<div class="contact">
            <div class="container">
                <div class="section-header text-center wow zoomIn" data-wow-delay="0.1s">
                    <p>��鹵͹��� 1</p>
                    <h3>���͡�ٻ�Ҿ</h3>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="row">

<form name="form3" action="add.asp" method="post">
<div class="row portfolio-container">
                    <div class="col-lg-4 col-md-6 col-sm-12 portfolio-item first wow fadeInUp" data-wow-delay="0.1s">
                        <div class="portfolio-wrap">
                          
                               <input type="radio" name ="id_pic" value ="contemplate1-01.png" id="1" required/> <label for="1" valign="middle"><img src="img/contemplate1-01.png" width="700px" alt="Portfolio Image"></label>
                           
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 portfolio-item second wow fadeInUp" data-wow-delay="0.3s">
                        <div class="portfolio-wrap">
                              
                               <input type="radio" name ="id_pic" value ="contemplate2-01.png" id="2" required/><label for="2" valign="middle">
                                <img src="img/contemplate2-01.png" width="700px" alt="Portfolio Image">
                            </label>
                           
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 portfolio-item third wow fadeInUp" data-wow-delay="0.5s">
                        <div class="portfolio-wrap">
                            
                               <input type="radio" name ="id_pic" value ="contemplate3-01.png" id="3" required/><label for="3" valign="middle">
                                <img src="img/contemplate3-01.png" width="700px" alt="Portfolio Image">
                            </label>
                           
						   <br>
                        </div>
                    </div>
</div>
                            
                            
                        </div>
                    </div>
					<p><div></div>
					<div class="container"></div>
					<div class="section-header text-center wow zoomIn" data-wow-delay="0.1s">
                    <p>��鹵͹��� 2</p>
                    <h3>��͡��ͤ���</h3>
					</div>
                    <div class="col-12 wow fadeInUp" data-wow-delay="0.1s">
                        <div class="contact-form">
                            <div id="success"></div>
                            
                                <div class="control-group">
                                    ��ͤ��� (Message)<textarea class="form-control" id="message" name="message"  placeholder="��ͤ��� (Message)" required="required" data-validation-required-message="��سҡ�͡��ͤ��� (Please enter your message)" maxlength="250"></textarea>
                                    <p class="help-block text-danger"></p>
                                </div>
                                <div class="control-group">
                                    ����-ʡ�� (Your Name)<input type="text" class="form-control" id="name" name="name" maxlength="150" placeholder="��͡�� ���˹觷ҧ�Ԫҡ�� (�����) ����-ʡ�� Ẻ��� Full Name" required="required" data-validation-required-message="Please enter your Name" />
                                    <p class="help-block text-danger"></p>
                                </div>
								<div class="control-group">
                                   ���˹� (Your Position) <input type="text" class="form-control" id="position" name="position" maxlength="150" placeholder="��͡���˹�Ẻ��� (Your Position)" required="required" data-validation-required-message="Please enter your position" />
                                    <p class="help-block text-danger"></p>
                                </div>
                                <div class="control-group">
                                    ˹��§ҹ�����ѧ�Ѵ (Your Organization)<input type="text" class="form-control" id="organization" maxlength="150" name="organization" placeholder="˹��§ҹ�����ѧ�ѴẺ����ٻẺ (Your Organization)" required="required" data-validation-required-message="��͡˹��§ҹ�����ѧ�Ѵ (�����) Please enter your Organization" />
                                    <p class="help-block text-danger"></p>
                                </div>
								<div class="control-group">
                                    E-mail<input type="text" class="form-control" id="emaill" maxlength="150" name="organization" placeholder="��͡�����������Ѻ(���)������֡" required="required" data-validation-required-message="��͡�����������Ѻ(���)������֡"/>
                                    <p class="help-block text-danger"></p>
                                </div>
                                
                             <div>
                                    <button class="btn" type="submit" id="sendMessageButton">�觢�ͤ��� <br>Send Message</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

<div class="footer wow fadeIn" data-wow-delay="0.3s">
            <div class="container-fluid">
                <div class="container">
                    <div class="footer-info">
                        
                        <h3>ʶҺѹ�Ԩ�¾ĵԡ�����ʵ�� ��� 114 �آ���Է 23 �Ѳ�� ��� 10110</h3>
                        <div class="footer-menu">
                            
                            <p>bsri@g.swu.ac.th</p>
                        </div>
                        <div class="footer-social">
                            
                            <a href="https://www.facebook.com/BSRIswu"><i class="fab fa-facebook-f"></i></a>
                            <a href="https://www.youtube.com/bsrichannel"><i class="fab fa-youtube"></i></a>

</div>
                    </div>
                </div>
                <div class="container copyright">
                    <div class="row">
                        <div class="col-md-6">
                            <p>&copy; <a href="#">66 �� ʶҺѹ�Ԩ�¾ĵԡ�����ʵ�� ���</a>, All Right Reserved.</p>
                        </div>
                        <div class="col-md-6">
                            <p>Designed By <a href="https://htmlcodex.com">HTML Codex</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
        <script src="lib/easing/easing.min.js"></script>
        <script src="lib/wow/wow.min.js"></script>
        <script src="lib/owlcarousel/owl.carousel.min.js"></script>
        <script src="lib/isotope/isotope.pkgd.min.js"></script>
        <script src="lib/lightbox/js/lightbox.min.js"></script>
        
        
        <script src="mail/jqBootstrapValidation.min.js"></script>
        <script src="mail/contact.js"></script>

<script src="js/main.js"></script>
    </body>
</html>

File Manager

Editing: 66th/cong.html.bak