Current Directory: /home/u930863517/domains/limraevents.com/public_html/admin
Viewing File: /home/u930863517/domains/limraevents.com/public_html/admin/uploadPhoto.php
<?php
session_start();
if(!isset($_SESSION['user_mail']))
{
header('location:index.php');
}
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Language" content="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dashboard - Upload photo</title>
<link rel="shortcut icon" href="../assets/favicon.png" type="image/x-icon">
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no" />
<meta name="description" content="This is an example dashboard created using build-in elements and components.">
<meta name="msapplication-tap-highlight" content="no">
<!--
this css file containes {ALL LIBRARY CSS, As well as custom css}
-->
<link href="./main.css" rel="stylesheet">
<link rel="stylesheet" href="./assets/style.css">
</head>
<body>
<div class="app-container app-theme-white body-tabs-shadow fixed-sidebar fixed-header">
<!-- NAVIGATION BAR START
====================================================================================== -->
<div class="app-header header-shadow">
<!-- LOGO DIV
---------------------------------- -->
<div class="app-header__logo">
<div class="logo-src"></div>
<div class="header__pane ml-auto">
<div>
<button type="button" class="hamburger close-sidebar-btn hamburger--elastic"
data-class="closed-sidebar">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</div>
</div>
</div>
<!-- RESPONSIVE LOGO DIV
---------------------------------- -->
<div class="app-header__mobile-menu">
<div>
<button type="button" class="hamburger hamburger--elastic mobile-toggle-nav">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</div>
</div>
<div class="app-header__menu">
<span>
<button type="button"
class="btn-icon btn-icon-only btn btn-primary btn-sm mobile-toggle-header-nav">
<span class="btn-icon-wrapper">
<i class="fa fa-ellipsis-v fa-w-6"></i>
</span>
</button>
</span>
</div>
<div class="app-header__content">
<div class="app-header-left">
</div>
<div class="app-header-right">
<div class="header-btn-lg pr-0">
<div class="widget-content p-0">
<div class="widget-content-wrapper">
<div class="widget-content-left">
<!-- PROFILE BUTTON
----------------------------------------------- -->
<div class="btn-group">
<a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
class="p-0 btn">
<img width="42" class="rounded-circle" src="../assets/favicon.png" alt="">
</a>
</div>
</div>
<!-- NAME
----------------------------------------------- -->
<div class="widget-content-left ml-3 header-user-info">
<div class="widget-heading">
Sajid
</div>
<div class="widget-subheading">
From Limra Events
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- NAVIGATION BAR END
====================================================================================== -->
<!-- SPINNER START
====================================================================================== -->
<div class="ui-theme-settings">
<button type="button" id="TooltipDemo" class="btn-open-options btn btn-warning">
<i class="fa fa-cog fa-w-16 fa-spin fa-2x"></i>
</button>
<div class="theme-settings__inner">
<div class="scrollbar-container">
<div class="theme-settings__options-wrapper">
<h3 class="themeoptions-heading">Layout Options
</h3>
<div class="p-3">
<ul class="list-group">
<li class="list-group-item">
<div class="widget-content p-0">
<div class="widget-content-wrapper">
<div class="widget-content-left mr-3">
<div class="switch has-switch switch-container-class"
data-class="fixed-header">
<div class="switch-animate switch-on">
<input type="checkbox" checked data-toggle="toggle"
data-onstyle="success">
</div>
</div>
</div>
<div class="widget-content-left">
<div class="widget-heading">Fixed Header
</div>
<div class="widget-subheading">Makes the header top fixed, always
visible!
</div>
</div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="widget-content p-0">
<div class="widget-content-wrapper">
<div class="widget-content-left mr-3">
<div class="switch has-switch switch-container-class"
data-class="fixed-sidebar">
<div class="switch-animate switch-on">
<input type="checkbox" checked data-toggle="toggle"
data-onstyle="success">
</div>
</div>
</div>
<div class="widget-content-left">
<div class="widget-heading">Fixed Sidebar
</div>
<div class="widget-subheading">Makes the sidebar left fixed, always
visible!
</div>
</div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="widget-content p-0">
<div class="widget-content-wrapper">
<div class="widget-content-left mr-3">
<div class="switch has-switch switch-container-class"
data-class="fixed-footer">
<div class="switch-animate switch-off">
<input type="checkbox" data-toggle="toggle"
data-onstyle="success">
</div>
</div>
</div>
<div class="widget-content-left">
<div class="widget-heading">Fixed Footer
</div>
<div class="widget-subheading">Makes the app footer bottom fixed, always
visible!
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<h3 class="themeoptions-heading">
<div>
Header Options
</div>
<button type="button"
class="btn-pill btn-shadow btn-wide ml-auto btn btn-focus btn-sm switch-header-cs-class"
data-class="">
Restore Default
</button>
</h3>
<div class="p-3">
<ul class="list-group">
<li class="list-group-item">
<h5 class="pb-2">Choose Color Scheme
</h5>
<div class="theme-settings-swatches">
<div class="swatch-holder bg-primary switch-header-cs-class"
data-class="bg-primary header-text-light">
</div>
<div class="swatch-holder bg-secondary switch-header-cs-class"
data-class="bg-secondary header-text-light">
</div>
<div class="swatch-holder bg-success switch-header-cs-class"
data-class="bg-success header-text-dark">
</div>
<div class="swatch-holder bg-info switch-header-cs-class"
data-class="bg-info header-text-dark">
</div>
<div class="swatch-holder bg-warning switch-header-cs-class"
data-class="bg-warning header-text-dark">
</div>
<div class="swatch-holder bg-danger switch-header-cs-class"
data-class="bg-danger header-text-light">
</div>
<div class="swatch-holder bg-light switch-header-cs-class"
data-class="bg-light header-text-dark">
</div>
<div class="swatch-holder bg-dark switch-header-cs-class"
data-class="bg-dark header-text-light">
</div>
<div class="swatch-holder bg-focus switch-header-cs-class"
data-class="bg-focus header-text-light">
</div>
<div class="swatch-holder bg-alternate switch-header-cs-class"
data-class="bg-alternate header-text-light">
</div>
<div class="divider">
</div>
<div class="swatch-holder bg-vicious-stance switch-header-cs-class"
data-class="bg-vicious-stance header-text-light">
</div>
<div class="swatch-holder bg-midnight-bloom switch-header-cs-class"
data-class="bg-midnight-bloom header-text-light">
</div>
<div class="swatch-holder bg-night-sky switch-header-cs-class"
data-class="bg-night-sky header-text-light">
</div>
<div class="swatch-holder bg-slick-carbon switch-header-cs-class"
data-class="bg-slick-carbon header-text-light">
</div>
<div class="swatch-holder bg-asteroid switch-header-cs-class"
data-class="bg-asteroid header-text-light">
</div>
<div class="swatch-holder bg-royal switch-header-cs-class"
data-class="bg-royal header-text-light">
</div>
<div class="swatch-holder bg-warm-flame switch-header-cs-class"
data-class="bg-warm-flame header-text-dark">
</div>
<div class="swatch-holder bg-night-fade switch-header-cs-class"
data-class="bg-night-fade header-text-dark">
</div>
<div class="swatch-holder bg-sunny-morning switch-header-cs-class"
data-class="bg-sunny-morning header-text-dark">
</div>
<div class="swatch-holder bg-tempting-azure switch-header-cs-class"
data-class="bg-tempting-azure header-text-dark">
</div>
<div class="swatch-holder bg-amy-crisp switch-header-cs-class"
data-class="bg-amy-crisp header-text-dark">
</div>
<div class="swatch-holder bg-heavy-rain switch-header-cs-class"
data-class="bg-heavy-rain header-text-dark">
</div>
<div class="swatch-holder bg-mean-fruit switch-header-cs-class"
data-class="bg-mean-fruit header-text-dark">
</div>
<div class="swatch-holder bg-malibu-beach switch-header-cs-class"
data-class="bg-malibu-beach header-text-light">
</div>
<div class="swatch-holder bg-deep-blue switch-header-cs-class"
data-class="bg-deep-blue header-text-dark">
</div>
<div class="swatch-holder bg-ripe-malin switch-header-cs-class"
data-class="bg-ripe-malin header-text-light">
</div>
<div class="swatch-holder bg-arielle-smile switch-header-cs-class"
data-class="bg-arielle-smile header-text-light">
</div>
<div class="swatch-holder bg-plum-plate switch-header-cs-class"
data-class="bg-plum-plate header-text-light">
</div>
<div class="swatch-holder bg-happy-fisher switch-header-cs-class"
data-class="bg-happy-fisher header-text-dark">
</div>
<div class="swatch-holder bg-happy-itmeo switch-header-cs-class"
data-class="bg-happy-itmeo header-text-light">
</div>
<div class="swatch-holder bg-mixed-hopes switch-header-cs-class"
data-class="bg-mixed-hopes header-text-light">
</div>
<div class="swatch-holder bg-strong-bliss switch-header-cs-class"
data-class="bg-strong-bliss header-text-light">
</div>
<div class="swatch-holder bg-grow-early switch-header-cs-class"
data-class="bg-grow-early header-text-light">
</div>
<div class="swatch-holder bg-love-kiss switch-header-cs-class"
data-class="bg-love-kiss header-text-light">
</div>
<div class="swatch-holder bg-premium-dark switch-header-cs-class"
data-class="bg-premium-dark header-text-light">
</div>
<div class="swatch-holder bg-happy-green switch-header-cs-class"
data-class="bg-happy-green header-text-light">
</div>
</div>
</li>
</ul>
</div>
<h3 class="themeoptions-heading">
<div>Sidebar Options</div>
<button type="button"
class="btn-pill btn-shadow btn-wide ml-auto btn btn-focus btn-sm switch-sidebar-cs-class"
data-class="">
Restore Default
</button>
</h3>
<div class="p-3">
<ul class="list-group">
<li class="list-group-item">
<h5 class="pb-2">Choose Color Scheme
</h5>
<div class="theme-settings-swatches">
<div class="swatch-holder bg-primary switch-sidebar-cs-class"
data-class="bg-primary sidebar-text-light">
</div>
<div class="swatch-holder bg-secondary switch-sidebar-cs-class"
data-class="bg-secondary sidebar-text-light">
</div>
<div class="swatch-holder bg-success switch-sidebar-cs-class"
data-class="bg-success sidebar-text-dark">
</div>
<div class="swatch-holder bg-info switch-sidebar-cs-class"
data-class="bg-info sidebar-text-dark">
</div>
<div class="swatch-holder bg-warning switch-sidebar-cs-class"
data-class="bg-warning sidebar-text-dark">
</div>
<div class="swatch-holder bg-danger switch-sidebar-cs-class"
data-class="bg-danger sidebar-text-light">
</div>
<div class="swatch-holder bg-light switch-sidebar-cs-class"
data-class="bg-light sidebar-text-dark">
</div>
<div class="swatch-holder bg-dark switch-sidebar-cs-class"
data-class="bg-dark sidebar-text-light">
</div>
<div class="swatch-holder bg-focus switch-sidebar-cs-class"
data-class="bg-focus sidebar-text-light">
</div>
<div class="swatch-holder bg-alternate switch-sidebar-cs-class"
data-class="bg-alternate sidebar-text-light">
</div>
<div class="divider">
</div>
<div class="swatch-holder bg-vicious-stance switch-sidebar-cs-class"
data-class="bg-vicious-stance sidebar-text-light">
</div>
<div class="swatch-holder bg-midnight-bloom switch-sidebar-cs-class"
data-class="bg-midnight-bloom sidebar-text-light">
</div>
<div class="swatch-holder bg-night-sky switch-sidebar-cs-class"
data-class="bg-night-sky sidebar-text-light">
</div>
<div class="swatch-holder bg-slick-carbon switch-sidebar-cs-class"
data-class="bg-slick-carbon sidebar-text-light">
</div>
<div class="swatch-holder bg-asteroid switch-sidebar-cs-class"
data-class="bg-asteroid sidebar-text-light">
</div>
<div class="swatch-holder bg-royal switch-sidebar-cs-class"
data-class="bg-royal sidebar-text-light">
</div>
<div class="swatch-holder bg-warm-flame switch-sidebar-cs-class"
data-class="bg-warm-flame sidebar-text-dark">
</div>
<div class="swatch-holder bg-night-fade switch-sidebar-cs-class"
data-class="bg-night-fade sidebar-text-dark">
</div>
<div class="swatch-holder bg-sunny-morning switch-sidebar-cs-class"
data-class="bg-sunny-morning sidebar-text-dark">
</div>
<div class="swatch-holder bg-tempting-azure switch-sidebar-cs-class"
data-class="bg-tempting-azure sidebar-text-dark">
</div>
<div class="swatch-holder bg-amy-crisp switch-sidebar-cs-class"
data-class="bg-amy-crisp sidebar-text-dark">
</div>
<div class="swatch-holder bg-heavy-rain switch-sidebar-cs-class"
data-class="bg-heavy-rain sidebar-text-dark">
</div>
<div class="swatch-holder bg-mean-fruit switch-sidebar-cs-class"
data-class="bg-mean-fruit sidebar-text-dark">
</div>
<div class="swatch-holder bg-malibu-beach switch-sidebar-cs-class"
data-class="bg-malibu-beach sidebar-text-light">
</div>
<div class="swatch-holder bg-deep-blue switch-sidebar-cs-class"
data-class="bg-deep-blue sidebar-text-dark">
</div>
<div class="swatch-holder bg-ripe-malin switch-sidebar-cs-class"
data-class="bg-ripe-malin sidebar-text-light">
</div>
<div class="swatch-holder bg-arielle-smile switch-sidebar-cs-class"
data-class="bg-arielle-smile sidebar-text-light">
</div>
<div class="swatch-holder bg-plum-plate switch-sidebar-cs-class"
data-class="bg-plum-plate sidebar-text-light">
</div>
<div class="swatch-holder bg-happy-fisher switch-sidebar-cs-class"
data-class="bg-happy-fisher sidebar-text-dark">
</div>
<div class="swatch-holder bg-happy-itmeo switch-sidebar-cs-class"
data-class="bg-happy-itmeo sidebar-text-light">
</div>
<div class="swatch-holder bg-mixed-hopes switch-sidebar-cs-class"
data-class="bg-mixed-hopes sidebar-text-light">
</div>
<div class="swatch-holder bg-strong-bliss switch-sidebar-cs-class"
data-class="bg-strong-bliss sidebar-text-light">
</div>
<div class="swatch-holder bg-grow-early switch-sidebar-cs-class"
data-class="bg-grow-early sidebar-text-light">
</div>
<div class="swatch-holder bg-love-kiss switch-sidebar-cs-class"
data-class="bg-love-kiss sidebar-text-light">
</div>
<div class="swatch-holder bg-premium-dark switch-sidebar-cs-class"
data-class="bg-premium-dark sidebar-text-light">
</div>
<div class="swatch-holder bg-happy-green switch-sidebar-cs-class"
data-class="bg-happy-green sidebar-text-light">
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- SPINNER END
====================================================================================== -->
<div class="app-main">
<!-- SIDEBAR START
====================================================================================== -->
<div class="app-sidebar sidebar-shadow">
<div class="app-header__logo">
<div class="logo-src"></div>
<div class="header__pane ml-auto">
<div>
<button type="button" class="hamburger close-sidebar-btn hamburger--elastic"
data-class="closed-sidebar">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</div>
</div>
</div>
<div class="app-header__mobile-menu">
<div>
<button type="button" class="hamburger hamburger--elastic mobile-toggle-nav">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</div>
</div>
<div class="app-header__menu">
<span>
<button type="button"
class="btn-icon btn-icon-only btn btn-primary btn-sm mobile-toggle-header-nav">
<span class="btn-icon-wrapper">
<i class="fa fa-ellipsis-v fa-w-6"></i>
</span>
</button>
</span>
</div>
<div class="scrollbar-sidebar">
<div class="app-sidebar__inner">
<ul class="vertical-nav-menu">
<!-- DASHBOARD
------------------------------------------------------------- -->
<li class="app-sidebar__heading">Dashboard</li>
<li>
<a href="dashboard.php">
<i class="metismenu-icon pe-7s-rocket"></i>
Dashboard
</a>
</li>
<!-- Blog Posts
------------------------------------------------------------- -->
<li class="app-sidebar__heading">Blog Posts</li>
<li>
<a href="./uploadPost.php">
<i class="metismenu-icon pe-7s-photo"></i>
Upload Post
</a>
</li>
<!-- GALLERY
------------------------------------------------------------- -->
<li class="app-sidebar__heading">Gallery</li>
<li>
<a href="uploadPhoto.php" class="mm-active">
<i class="metismenu-icon pe-7s-photo"></i>
Upload Photo
</a>
</li>
<li>
<a href="managePhoto.php">
<i class="metismenu-icon pe-7s-photo-gallery"></i>
Manage Photos
</a>
</li>
<!-- ACTIONS
------------------------------------------------------------- -->
<li class="app-sidebar__heading">Actions</li>
<li>
<a href="../index.php" target="_BLANK">
<i class="metismenu-icon pe-7s-browser"></i>
Visit website
</a>
</li>
<li>
<a href="./index.php">
<i class="metismenu-icon pe-7s-plug"></i>
Logout
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- SIDEBAR END
====================================================================================== -->
<div class="app-main__outer">
<div class="app-main__inner">
<!-- PAGE TITLE START
======================================================================================== -->
<div class="app-page-title">
<div class="page-title-wrapper">
<div class="page-title-heading">
<div class="page-title-icon">
<i class="pe-7s-photo icon-gradient bg-mean-fruit">
</i>
</div>
<div>Upload Photo
<div class="page-title-subheading">
This photo can be seen under gallery section of website.
</div>
</div>
</div>
</div>
</div>
<!-- PAGE TITLE END
======================================================================================== -->
<!-- FORM CARD START
======================================================================================== -->
<div class="main-card mb-3 card">
<div class="card-body">
<form class="needs-validation p-3" id="image-upload-form" novalidate>
<div class="form-row">
<div class="col-lg-8 col-md-8 col-12 mb-3">
<div class="form-group">
<label for="imageTitle">Image title</label>
<input type="text" class="form-control" id="imageTitle"
placeholder="Image title" maxlength="40" required>
<div class="valid-feedback">
Looks good!
</div>
<p class="text-right text-muted" id="titleCharLeft">0 / 40</p>
</div>
<div class="form-group">
<label for="imageCategory">Image Category</label>
<select class="mb-2 form-control" id="imageCategory" required>
<option value="">----- Select Category -----</option>
<option value="Events and Exibition">Events and Exibition</option>
<option value="Advertising">Advertising</option>
<option value="Media Advertising">Media Advertising</option>
<option value="Personal Events">Personal Events</option>
<option value="Sanitization and Services">Sanitization and Services
</option>
<option value="Tours and Travels">Tours and Travels</option>
<option value="Market Research">Market Research</option>
<option value="Job Consultancy">Job Consultancy</option>
</select>
<div class="valid-feedback">
Looks good!
</div>
</div>
<div class="form-group">
<label for="imageFile">Upload Image</label>
<input type="file" class="form-control" id="imageFile"
placeholder="First name" accept="image/*" onchange="previewFile(event)"
required>
<div class="valid-feedback">
Looks good!
</div>
<small class="form-text text-muted">
It's good if you upload image in square layout. (Preferred dimensions
480px
* 480px)
</small>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12 mb-3">
<div class="image">
<img src="../assets/img/preview-image-480.jpg" alt="Image"
class="img-fluid w-100" id="previewImage">
</div>
</div>
</div>
<button class="btn btn-primary" id="image-upload-button" type="submit">Upload
Photo</button>
<small class="text-danger" id="error"></small>
</form>
</div>
</div>
<!-- FORM CARD END
======================================================================================== -->
<button type="button" class="btn mr-2 mb-2 btn-primary d-none" id="successmodal-btn"
data-toggle="modal" data-target="#successmodal">
Successmodal
</button>
</div>
<!-- FOOTER START
==================================================================================================== -->
<div class="app-wrapper-footer">
<div class="app-footer">
<div class="app-footer__inner">
<div class="app-footer-left">
<ul class="nav">
<li class="nav-item">
<p href="javascript:void(0);" class="nav-link m-0">
© 2020. Limra Events
</p>
</li>
</ul>
</div>
<div class="app-footer-right">
<ul class="nav">
<li class="nav-item">
<p href="javascript:void(0);" class="nav-link m-0">
Designed & developed by <a href="https://www.websitevikreta.com/"
class="text-decoration-none" target="_BLANK">Website Vikreta</a>
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- FOOTER END
==================================================================================================== -->
</div>
</div>
</div>
<script src="../vendor/jquery/jquery.min.js"></script>
<script type="text/javascript" src="./assets/scripts/main.js"></script>
<!-- CUSTOM SCRIPTS -->
<script>
//title character count
$('#imageTitle').on('keyup', function () {
var maxlen = $(this).attr('maxlength');
var length = $(this).val().length;
if (length <= (maxlen)) {
$('#titleCharLeft').text(length + ' / ' + maxlen);
}
});
// image preview function
var previewFile = function (event) {
var output = document.getElementById('previewImage');
output.src = URL.createObjectURL(event.target.files[0]);
output.onload = function () {
URL.revokeObjectURL(output.src) // free memory
}
};
$(document).ready(function () {
$("#image-upload-button").on("click", function (e) {
$(".needs-validation").addClass("was-validated"); //enable animated validations for form input
//loader button
$(this).attr("disabled", true);
_temp = this;
$(_temp).html('<i class="fa fa-spinner fa-spin mr-2"></i>Uploading...');
//prevent default action
e.preventDefault();
//grab form variables
var imageTitle = $("#imageTitle").val();
var imageCategory = $("#imageCategory").val();
var imageFile = $('#imageFile')[0].files[0];
var formData = new FormData();
formData.append('imageTitle', imageTitle);
formData.append('imageCategory', imageCategory);
formData.append('imageFile', imageFile);
//ajax
// ajax
$.ajax({
url: './php/uploadPhoto.php',
type: 'POST',
data: formData,
cache: false,
contentType: false,
processData: false,
dataType: "JSON",
success: function (response) {
console.log(response);
if (response.success == true) {
$(".needs-validation").removeClass("was-validated");
//if success
$(_temp).removeAttr('disabled');
//showing modal
$("#successmodal-btn").click();
$(".needs-validation").trigger("reset");
$("#previewImage").attr("src", "../assets/img/preview-image-480.jpg")
}
else {
$(_temp).removeAttr('disabled');
$("#error").html("Check all the form fields properply");
}
$(_temp).html("Upload Photo");
},
error: function () {
$(_temp).removeAttr('disabled');
$(_temp).html("Upload Photo");
$("#error").html("Some error on server side");
}
});
});
});
</script>
</body>
</html>
<!-- SUCCESS MODAL START
======================================================================================== -->
<div class="modal fade" id="successmodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Photo uploaded successfully</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<h3>Congradulations!</h3>
<p class="mb-0">Please go to dashboard -> manage photoes to publish it.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<a type="button" class="btn btn-primary" href="./managePhoto.php">Go to Manage Photos</a>
</div>
</div>
</div>
</div>
<!-- SUCCESS MODAL ENDS
======================================================================================== -->