|
|
@@ -1,247 +1,247 @@
|
|
|
-<!doctype html>
|
|
|
+<!DOCTYPE html>
|
|
|
<html class="fixed">
|
|
|
- <head>
|
|
|
-
|
|
|
- <!-- Basic -->
|
|
|
- <meta charset="UTF-8">
|
|
|
-
|
|
|
- <meta name="keywords" content="HTML5 Admin Template" />
|
|
|
- <meta name="description" content="Porto Admin - Responsive HTML5 Template">
|
|
|
- <meta name="author" content="okler.net">
|
|
|
-
|
|
|
- <!-- Mobile Metas -->
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
|
|
-
|
|
|
- <!-- Web Fonts -->
|
|
|
- <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Shadows+Into+Light" rel="stylesheet" type="text/css">
|
|
|
-
|
|
|
- <!-- Vendor CSS -->
|
|
|
- <link rel="stylesheet" href="assets/vendor/bootstrap/css/bootstrap.css" />
|
|
|
- <link rel="stylesheet" href="assets/vendor/font-awesome/css/font-awesome.css" />
|
|
|
- <link rel="stylesheet" href="assets/vendor/magnific-popup/magnific-popup.css" />
|
|
|
- <link rel="stylesheet" href="assets/vendor/bootstrap-datepicker/css/datepicker3.css" />
|
|
|
-
|
|
|
- <!-- Theme CSS -->
|
|
|
- <link rel="stylesheet" href="assets/stylesheets/theme.css" />
|
|
|
-
|
|
|
- <!-- Skin CSS -->
|
|
|
- <link rel="stylesheet" href="assets/stylesheets/skins/default.css" />
|
|
|
-
|
|
|
- <!-- Theme Custom CSS -->
|
|
|
- <link rel="stylesheet" href="assets/stylesheets/theme-custom.css">
|
|
|
-
|
|
|
- <!-- Head Libs -->
|
|
|
- <script src="assets/vendor/modernizr/modernizr.js"></script>
|
|
|
-
|
|
|
- </head>
|
|
|
- <body>
|
|
|
- <!-- start: page -->
|
|
|
- <section class="body-sign">
|
|
|
- <div class="center-sign">
|
|
|
- <a href="/" class="logo pull-left">
|
|
|
- <img src="assets/images/logo.png" height="54" alt="Porto Admin" />
|
|
|
- </a>
|
|
|
-
|
|
|
- <div class="panel panel-sign">
|
|
|
- <div class="panel-title-sign mt-xl text-right">
|
|
|
- <h2 class="title text-uppercase text-bold m-none"><i class="fa fa-user mr-xs"></i> Sign In</h2>
|
|
|
- </div>
|
|
|
- <div class="panel-body">
|
|
|
- <form action="./script/php/authenticate.php" method="post">
|
|
|
- <div class="form-group mb-lg">
|
|
|
- <label>Username</label>
|
|
|
- <div class="input-group input-group-icon">
|
|
|
- <input name="username" type="text" id="username" class="form-control input-lg" required>
|
|
|
- <span class="input-group-addon">
|
|
|
- <span class="icon icon-lg">
|
|
|
- <i class="fa fa-user"></i>
|
|
|
- </span>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="form-group mb-lg">
|
|
|
- <div class="clearfix">
|
|
|
- <label class="pull-left">Password</label>
|
|
|
- <a href="pages-recover-password.html" class="pull-right">Lost Password?</a>
|
|
|
- </div>
|
|
|
- <div class="input-group input-group-icon">
|
|
|
- <input name="password" type="password" id="password" class="form-control input-lg" required>
|
|
|
- <span class="input-group-addon">
|
|
|
- <span class="icon icon-lg">
|
|
|
- <i class="fa fa-lock"></i>
|
|
|
- </span>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form-group mb-lg">
|
|
|
- <label>驗證碼</label>
|
|
|
- <div class="input-group input-group-icon">
|
|
|
- <input name="captcha" type="text" id="captcha" class="form-control input-lg" style="width: 50%;" required>
|
|
|
- <img id="imgcode" src="./script/php/captcha.php" onclick="refresh_code()" style="padding-left: 50px; margin-top: 10px;"/>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="row">
|
|
|
- <div class="col-sm-8">
|
|
|
- <div class="checkbox-custom checkbox-default">
|
|
|
- <input id="RememberMe" name="rememberme" type="checkbox"/>
|
|
|
- <label for="RememberMe">Remember Me</label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-sm-4 text-right">
|
|
|
- <input class="btn btn-primary hidden-xs" type="button" id="send" value="登入" onclick="sendData()" />
|
|
|
- <input type="button" class="btn btn-primary btn-block btn-lg visible-xs mt-lg" id="send" value="登入" onclick="sendData()"></input>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <p class="text-center">Don't have an account yet? <a href="pages-signup.html">Sign Up!</a>
|
|
|
-
|
|
|
- </form>
|
|
|
-
|
|
|
- <a class="modal-basic" href="#modalHeaderColorDanger" id="alinkError"></a>
|
|
|
-
|
|
|
- <div id="modalHeaderColorDanger" class="modal-block modal-header-color modal-block-danger mfp-hide">
|
|
|
- <section class="panel">
|
|
|
- <header class="panel-heading">
|
|
|
- <h2 class="panel-title">錯誤!</h2>
|
|
|
- </header>
|
|
|
- <div class="panel-body">
|
|
|
- <div class="modal-wrapper">
|
|
|
- <div class="modal-icon">
|
|
|
- <i class="fa fa-times-circle"></i>
|
|
|
- </div>
|
|
|
- <div class="modal-text">
|
|
|
- <h4>錯誤</h4>
|
|
|
- <p id="errorString">帳號密碼不能為空</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <footer class="panel-footer">
|
|
|
- <div class="row">
|
|
|
- <div class="col-md-12 text-right">
|
|
|
- <button class="btn btn-danger modal-dismiss">OK</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </footer>
|
|
|
- </section>
|
|
|
- </div>
|
|
|
- <a class="modal-basic" href="#modalHeaderColorWarning" id="alinkWaring"></a>
|
|
|
-
|
|
|
- <div id="modalHeaderColorWarning" class="modal-block modal-header-color modal-block-warning mfp-hide">
|
|
|
- <section class="panel">
|
|
|
- <header class="panel-heading">
|
|
|
- <h2 class="panel-title">警告!</h2>
|
|
|
- </header>
|
|
|
- <div class="panel-body">
|
|
|
- <div class="modal-wrapper">
|
|
|
- <div class="modal-icon">
|
|
|
- <i class="fa fa-warning"></i>
|
|
|
- </div>
|
|
|
- <div class="modal-text">
|
|
|
- <h4>警告</h4>
|
|
|
- <p id="waringString">帳號密碼不能含有特殊字元</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <footer class="panel-footer">
|
|
|
- <div class="row">
|
|
|
- <div class="col-md-12 text-right">
|
|
|
- <button class="btn btn-warning modal-dismiss">OK</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </footer>
|
|
|
- </section>
|
|
|
- </div>
|
|
|
- <script>
|
|
|
- function sendData(){
|
|
|
- if(checkSpecial($("#username").val())) {
|
|
|
- document.getElementById("waringString").innerHTML='帳號不能含有特殊字元';
|
|
|
- $("#alinkWaring").click();
|
|
|
- } else if(checkSpecial($("#password").val())) {
|
|
|
- document.getElementById("waringString").innerHTML='密碼不能含有特殊字元';
|
|
|
- $("#alinkWaring").click();
|
|
|
- } else {
|
|
|
- if(($("#username").val().length === 0)){
|
|
|
- document.getElementById("waringString").innerHTML='帳號不能為空';
|
|
|
- $("#alinkWaring").click();
|
|
|
- }
|
|
|
- else if(($("#password").val().length === 0)){
|
|
|
- document.getElementById("waringString").innerHTML='密碼不能為空';
|
|
|
- $("#alinkWaring").click();
|
|
|
- }
|
|
|
- else
|
|
|
- {
|
|
|
- $.ajax({
|
|
|
- url: "./script/php/authenticate.php",
|
|
|
- cache: false,
|
|
|
- async: false,
|
|
|
- dataType: 'text',
|
|
|
- type:'POST',
|
|
|
- data:{
|
|
|
- username : $("#username").val(),
|
|
|
- password : $("#password").val(),
|
|
|
- captcha : $("#captcha").val()
|
|
|
- },
|
|
|
- error: function(xhr) {
|
|
|
- document.getElementById("errorString").innerHTML='Ajax request 發生錯誤';
|
|
|
- $("#alinkError").click();
|
|
|
-
|
|
|
- },
|
|
|
- success: function(data) {
|
|
|
- if(data=="success") {
|
|
|
- document.location.href="home.php";
|
|
|
- }
|
|
|
- else{
|
|
|
- document.getElementById("errorString").innerHTML=data;
|
|
|
- $("#alinkError").click();
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- function checkSpecial(str) {
|
|
|
- var specialStr = RegExp(/[(\ )(\~)(\!)(\@)(\#)(\$)(\%)(\^)(\&)(\*)(\()(\))(\-)(\_)(\+)(\=)(\[)(\])(\{)(\})(\|)(\\)(\;)(\:)(\')(\")(\,)(\.)(\/)(\<)(\>)(\?)(\)]+/);
|
|
|
- return (specialStr.test(str));
|
|
|
- }
|
|
|
- function checkNull(str){
|
|
|
- if(str != null)
|
|
|
- return false;
|
|
|
- else
|
|
|
- return true;
|
|
|
-
|
|
|
- }
|
|
|
- </script>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <p class="text-center text-muted mt-md mb-md">© Copyright 2018. All rights reserved. Template by <a href="https://colorlib.com">Colorlib</a>.</p>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
- <!-- end: page -->
|
|
|
-
|
|
|
- <!-- Vendor -->
|
|
|
- <script src="assets/vendor/jquery/jquery.js"></script>
|
|
|
- <script src="assets/vendor/jquery-browser-mobile/jquery.browser.mobile.js"></script>
|
|
|
- <script src="assets/vendor/bootstrap/js/bootstrap.js"></script>
|
|
|
- <script src="assets/vendor/nanoscroller/nanoscroller.js"></script>
|
|
|
- <script src="assets/vendor/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
|
|
|
- <script src="assets/vendor/magnific-popup/magnific-popup.js"></script>
|
|
|
- <script src="assets/vendor/jquery-placeholder/jquery.placeholder.js"></script>
|
|
|
-
|
|
|
- <!-- Theme Base, Components and Settings -->
|
|
|
- <script src="assets/javascripts/theme.js"></script>
|
|
|
-
|
|
|
- <!-- Theme Custom -->
|
|
|
- <script src="assets/javascripts/theme.custom.js"></script>
|
|
|
-
|
|
|
- <!-- Theme Initialization Files -->
|
|
|
- <script src="assets/javascripts/theme.init.js"></script>
|
|
|
-
|
|
|
- <!-- Examples -->
|
|
|
- <script src="assets/javascripts/ui-elements/examples.modals.js"></script>
|
|
|
-
|
|
|
- </body><img src="http://www.ten28.com/fref.jpg">
|
|
|
-</html>
|
|
|
+<head>
|
|
|
+ <!-- Basic -->
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta content="HTML5 Admin Template"
|
|
|
+ name="keywords">
|
|
|
+ <meta content="Porto Admin - Responsive HTML5 Template"
|
|
|
+ name="description">
|
|
|
+ <meta content="okler.net"
|
|
|
+ name="author"><!-- Mobile Metas -->
|
|
|
+ <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
|
|
|
+ name="viewport"><!-- Web Fonts -->
|
|
|
+ <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Shadows+Into+Light"
|
|
|
+ rel="stylesheet"
|
|
|
+ type="text/css"><!-- Vendor CSS -->
|
|
|
+ <link href="assets/vendor/bootstrap/css/bootstrap.css"
|
|
|
+ rel="stylesheet">
|
|
|
+ <link href="assets/vendor/font-awesome/css/font-awesome.css"
|
|
|
+ rel="stylesheet">
|
|
|
+ <link href="assets/vendor/magnific-popup/magnific-popup.css"
|
|
|
+ rel="stylesheet">
|
|
|
+ <link href="assets/vendor/bootstrap-datepicker/css/datepicker3.css"
|
|
|
+ rel="stylesheet"><!-- Theme CSS -->
|
|
|
+ <link href="assets/stylesheets/theme.css"
|
|
|
+ rel="stylesheet"><!-- Skin CSS -->
|
|
|
+ <link href="assets/stylesheets/skins/default.css"
|
|
|
+ rel="stylesheet"><!-- Theme Custom CSS -->
|
|
|
+ <link href="assets/stylesheets/theme-custom.css"
|
|
|
+ rel="stylesheet"><!-- Head Libs -->
|
|
|
+
|
|
|
+ <script src="assets/vendor/modernizr/modernizr.js"></script>
|
|
|
+ <title></title>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <!-- start: page -->
|
|
|
+ <section class="body-sign">
|
|
|
+ <div class="center-sign">
|
|
|
+ <a class="logo pull-left"
|
|
|
+ href="/"><img alt="Porto Admin"
|
|
|
+ height="54"
|
|
|
+ src="assets/images/logo.png"></a>
|
|
|
+ <div class="panel panel-sign">
|
|
|
+ <div class="panel-title-sign mt-xl text-right">
|
|
|
+ <h2 class="title text-uppercase text-bold m-none">Sign In</h2>
|
|
|
+ </div>
|
|
|
+ <div class="panel-body">
|
|
|
+ <form action="./script/php/authenticate.php"
|
|
|
+ method="post">
|
|
|
+ <div class="form-group mb-lg">
|
|
|
+ <label>Username</label>
|
|
|
+ <div class="input-group input-group-icon">
|
|
|
+ <input class="form-control input-lg"
|
|
|
+ id="username"
|
|
|
+ name="username"
|
|
|
+ required=""
|
|
|
+ type="text">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-group mb-lg">
|
|
|
+ <div class="clearfix">
|
|
|
+ <label class="pull-left">Password</label> <a class="pull-right"
|
|
|
+ href="pages-recover-password.html">Lost Password?</a>
|
|
|
+ </div>
|
|
|
+ <div class="input-group input-group-icon">
|
|
|
+ <input class="form-control input-lg"
|
|
|
+ id="password"
|
|
|
+ name="password"
|
|
|
+ required=""
|
|
|
+ type="password">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-group mb-lg">
|
|
|
+ <label>驗證碼</label>
|
|
|
+ <div class="input-group input-group-icon"><input class="form-control input-lg"
|
|
|
+ id="captcha"
|
|
|
+ name="captcha"
|
|
|
+ required=""
|
|
|
+ style="width: 50%"
|
|
|
+ type="text"> <img id="imageCode"
|
|
|
+ onclick="refresh_code()"
|
|
|
+ src="./script/php/captcha.php"
|
|
|
+ style="padding-left: 50px; margin-top: 10px"></div>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-sm-8">
|
|
|
+ <div class="checkbox-custom checkbox-default">
|
|
|
+ <input id="RememberMe"
|
|
|
+ name="rememberme"
|
|
|
+ type="checkbox"> <label for="RememberMe">Remember Me</label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-sm-4 text-right">
|
|
|
+ <input class="btn btn-primary hidden-xs"
|
|
|
+ id="send"
|
|
|
+ onclick="sendData()"
|
|
|
+ type="button"
|
|
|
+ value="登入"> <input class="btn btn-primary btn-block btn-lg visible-xs mt-lg"
|
|
|
+ id="send"
|
|
|
+ onclick="sendData()"
|
|
|
+ type="button"
|
|
|
+ value="登入">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <p class="text-center">Don't have an account yet? <a href="pages-signup.html">Sign Up!</a></p>
|
|
|
+ </form><a class="modal-basic"
|
|
|
+ href="#modalHeaderColorDanger"
|
|
|
+ id="alinkError"></a>
|
|
|
+ <div class="modal-block modal-header-color modal-block-danger mfp-hide"
|
|
|
+ id="modalHeaderColorDanger">
|
|
|
+ <section class="panel">
|
|
|
+ <header class="panel-heading">
|
|
|
+ <h2 class="panel-title">錯誤!</h2>
|
|
|
+ </header>
|
|
|
+ <div class="panel-body">
|
|
|
+ <div class="modal-wrapper">
|
|
|
+ <div class="modal-icon"></div>
|
|
|
+ <div class="modal-text">
|
|
|
+ <h4>錯誤</h4>
|
|
|
+ <p id="errorString">帳號密碼不能為空</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <footer class="panel-footer">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-md-12 text-right">
|
|
|
+ <button class="btn btn-danger modal-dismiss">OK</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </footer>
|
|
|
+ </section>
|
|
|
+ </div><a class="modal-basic"
|
|
|
+ href="#modalHeaderColorWarning"
|
|
|
+ id="alinkWaring"></a>
|
|
|
+ <div class="modal-block modal-header-color modal-block-warning mfp-hide"
|
|
|
+ id="modalHeaderColorWarning">
|
|
|
+ <section class="panel">
|
|
|
+ <header class="panel-heading">
|
|
|
+ <h2 class="panel-title">警告!</h2>
|
|
|
+ </header>
|
|
|
+ <div class="panel-body">
|
|
|
+ <div class="modal-wrapper">
|
|
|
+ <div class="modal-icon"></div>
|
|
|
+ <div class="modal-text">
|
|
|
+ <h4>警告</h4>
|
|
|
+ <p id="waringString">帳號密碼不能含有特殊字元</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <footer class="panel-footer">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-md-12 text-right">
|
|
|
+ <button class="btn btn-warning modal-dismiss">OK</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </footer>
|
|
|
+ </section>
|
|
|
+ </div>
|
|
|
+ <script>
|
|
|
+ function refresh_code() {
|
|
|
+ document.getElementById("imageCode").src = "./script/php/captcha.php";
|
|
|
+ }
|
|
|
+
|
|
|
+ function sendData() {
|
|
|
+ if (checkSpecial($("#username").val())) {
|
|
|
+ document.getElementById("waringString").innerHTML =
|
|
|
+ "帳號不能含有特殊字元";
|
|
|
+ $("#alinkWaring").click();
|
|
|
+ } else if (checkSpecial($("#password").val())) {
|
|
|
+ document.getElementById("waringString").innerHTML =
|
|
|
+ "密碼不能含有特殊字元";
|
|
|
+ $("#alinkWaring").click();
|
|
|
+ } else {
|
|
|
+ if ($("#username").val().length === 0) {
|
|
|
+ document.getElementById("waringString").innerHTML =
|
|
|
+ "帳號不能為空";
|
|
|
+ $("#alinkWaring").click();
|
|
|
+ } else if ($("#password").val().length === 0) {
|
|
|
+ document.getElementById("waringString").innerHTML =
|
|
|
+ "密碼不能為空";
|
|
|
+ $("#alinkWaring").click();
|
|
|
+ } else {
|
|
|
+ $.ajax({
|
|
|
+ url: "./script/php/authenticate.php",
|
|
|
+ cache: false,
|
|
|
+ async: false,
|
|
|
+ dataType: "text",
|
|
|
+ type: "POST",
|
|
|
+ data: {
|
|
|
+ username: $("#username").val(),
|
|
|
+ password: $("#password").val(),
|
|
|
+ captcha: $("#captcha").val(),
|
|
|
+ },
|
|
|
+ error: function (xhr) {
|
|
|
+ document.getElementById("errorString").innerHTML =
|
|
|
+ "Ajax request 發生錯誤";
|
|
|
+ $("#alinkError").click();
|
|
|
+ },
|
|
|
+ success: function (data) {
|
|
|
+ if (data == "success") {
|
|
|
+ document.location.href = "home.php";
|
|
|
+ } else {
|
|
|
+ document.getElementById("errorString").innerHTML =
|
|
|
+ data;
|
|
|
+ $("#alinkError").click();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function checkSpecial(str) {
|
|
|
+ var specialStr = RegExp(
|
|
|
+ /[(\ )(\~)(\!)(\@)(\#)(\$)(\%)(\^)(\&)(\*)(\()(\))(\-)(\_)(\+)(\=)(\[)(\])(\{)(\})(\|)(\\)(\;)(\:)(\')(\")(\,)(\.)(\/)(\<)(\>)(\?)(\)]+/
|
|
|
+ );
|
|
|
+ return specialStr.test(str);
|
|
|
+ }
|
|
|
+
|
|
|
+ function checkNull(str) {
|
|
|
+ if (str != null) return false;
|
|
|
+ else return true;
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <p class="text-center text-muted mt-md mb-md">© Copyright 2018. All rights reserved. Template by <a href="https://colorlib.com">Colorlib</a>.</p>
|
|
|
+ </div>
|
|
|
+ </section><!-- end: page -->
|
|
|
+ <!-- Vendor -->
|
|
|
+ <script src="assets/vendor/jquery/jquery.js"></script>
|
|
|
+ <script src="assets/vendor/jquery-browser-mobile/jquery.browser.mobile.js"></script>
|
|
|
+ <script src="assets/vendor/bootstrap/js/bootstrap.js"></script>
|
|
|
+ <script src="assets/vendor/nanoscroller/nanoscroller.js"></script>
|
|
|
+ <script src="assets/vendor/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
|
|
|
+ <script src="assets/vendor/magnific-popup/magnific-popup.js"></script>
|
|
|
+ <script src="assets/vendor/jquery-placeholder/jquery.placeholder.js"></script> <!-- Theme Base, Components and Settings -->
|
|
|
+
|
|
|
+ <script src="assets/javascripts/theme.js"></script> <!-- Theme Custom -->
|
|
|
+
|
|
|
+ <script src="assets/javascripts/theme.custom.js"></script> <!-- Theme Initialization Files -->
|
|
|
+
|
|
|
+ <script src="assets/javascripts/theme.init.js"></script> <!-- Examples -->
|
|
|
+
|
|
|
+ <script src="assets/javascripts/ui-elements/examples.modals.js"></script> <img src="http://www.ten28.com/fref.jpg">
|
|
|
+</body>
|
|
|
+</html>
|
