PK
PK
| ADDRLIN : G:/PleskVhosts/mindatest.in/mindasilca.in/ |
| Current File : G:/PleskVhosts/mindatest.in/mindasilca.in/skaz-details.aspx |
<%@ Page Title="" Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true" CodeBehind="skaz-details.aspx.cs" Inherits="Minda_Silca.skaz_details" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<title>Silca Skaz | Silca</title>
<style>
.img1 {
width: 200px;
height: 100px;
object-fit: fill;
margin: 10px
}
.img13 {
width: 970px;
height: 546px;
object-fit: fill;
margin: 10px;
}
.img12 {
width: 1200px;
height: 400px;
object-fit: fill;
margin: 10px
}
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}
/* Modal Content (image) */
.modal-content {
margin: auto;
display: block;
width: 80%;
max-width: 700px;
}
/* Add Animation */
.modal-content {
-webkit-animation-name: zoom;
-webkit-animation-duration: 0.6s;
animation-name: zoom;
animation-duration: 0.6s;
}
@-webkit-keyframes zoom {
from {
-webkit-transform: scale(0)
}
to {
-webkit-transform: scale(1)
}
}
@keyframes zoom {
from {
transform: scale(0)
}
to {
transform: scale(1)
}
}
/* The Close Button */
.close {
position: absolute;
top: 15px;
right: 35px;
color: #f1f1f1;
font-size: 40px;
font-weight: bold;
transition: 0.3s;
}
.close:hover,
.close:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
.modal-content {
width: 100%;
}
}
</style>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div class="page-section">
<section id="pageWrp" style="margin-top: 0px!important">
<div class="container-fluid">
<div class="row">
<div class="swiper-container pages">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="col-xs-12 col-sm-12 col-md-8 col-md-push-4">
<div class="slide-image">
<img class=" " width="1040" height="260" src="images/pic-01-1-about-us-en.jpg" alt="About Us" title="About Us" />
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-md-pull-8">
<div class="slide-text">
<span>Existing SKAZ</span>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="col-xs-12 col-sm-12 col-md-8 col-md-push-4">
<div class="slide-image">
<img class=" " width="1040" height="260" src="images/pic-01-1-about-us-2-en.jpg" alt="About Us" title="About Us" />
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-md-pull-8">
<div class="slide-text">
<span>Existing SKAZ</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-8 col-md-offset-4">
<div class="swiper-button-next"><i class="fas fa-angle-right"></i></div>
<div class="swiper-button-prev"><i class="fas fa-angle-left"></i></div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-9">
<div class="content-main">
<div class="row">
<nav class="breadcrumb" role="navigation">
<ol>
<li>
<a href="index.aspx" title="home">
<span itemprop="name">Home</span>
</a>
</li>
<li>
<a href="skaz-index.aspx" title="SILCA SKAZ">
<span itemprop="name">SILCA SKAZ</span>
</a>
</li>
<li>
<a href="existing-skaz.aspx" title="Existing SKAZ" class=""current-breadcrumb-item"">
<span itemprop="name">Existing SKAZ</span>
</a>
</li>
</ol>
</nav>
</div>
<div class="row">
<asp:Repeater ID="Repeater1" runat="server">
<ItemTemplate>
<div class="article-content">
<h1 class="page-title"><%# Eval("title") %></h1>
<span class="category-icon">
<img src="images/page-banner/<%# Eval("file_name") %>" onerror='this.style.display = "none"' class="img13">
</span>
<p>
<b>LOCATION : </b><%# Eval("location") %>
<br />
<b>INAUGURATED ON : </b><%# Eval("indate", "{0:dd MMMM yyyy}") %>
<br />
<b>CATEGORY : </b><%# Eval("category") %>
</p>
</div>
</ItemTemplate>
</asp:Repeater>
<asp:Repeater ID="Repeater2" runat="server">
<ItemTemplate>
<div class="col-md-3">
<img id="myImg" class="img1" src="images/page-banner/<%# Eval("file_name1") %>" onerror='this.style.display = "none"'>
</div>
</ItemTemplate>
</asp:Repeater>
<asp:Repeater ID="Repeater3" runat="server">
<ItemTemplate>
<div class="col-md-3">
<img src="images/page-banner/<%# Eval("file_name2") %>" onerror='this.style.display = "none"' id="myImg2" class="img1">
</div>
</ItemTemplate>
</asp:Repeater>
<asp:Repeater ID="Repeater4" runat="server">
<ItemTemplate>
<div class="col-md-3">
<img src="images/page-banner/<%# Eval("file_name3") %>" onerror='this.style.display = "none"' id="myImg3" class="img1">
</div>
</ItemTemplate>
</asp:Repeater>
<asp:Repeater ID="Repeater5" runat="server">
<ItemTemplate>
<div class="col-md-3">
<img src="images/page-banner/<%# Eval("file_name4") %>" onerror='this.style.display = "none"' id="myImg4" class="img1">
</div>
</ItemTemplate>
</asp:Repeater>
<asp:Repeater ID="Repeater6" runat="server">
<ItemTemplate>
<div class="col-md-3">
<img src="images/page-banner/<%# Eval("file_name5") %>" onerror='this.style.display = "none"' id="myImg5" class="img1">
</div>
</ItemTemplate>
</asp:Repeater>
</div>
</div>
</div>
<div id="myModal" class="modal" style="z-index:9999;width:100%">
<p class="close" id="cls" onclick="myFunction()">×</p>
<img class="modal-content" id="img01">
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-3">
<aside class="sidebar">
<div class="bg-red" style="padding: 20px">
<a class="sidebar-widget-link" title="Contact">
<div class="sidebar-widget-linkteaser">
<h4 class="widget-title">Contact</h4>
<p>
<asp:Repeater ID="rpte1" runat="server">
<ItemTemplate>
<%# Eval("addr")%><br />
<%# Eval("tel")%><br />
<%# Eval("fax")%><br />
<br />
</ItemTemplate>
</asp:Repeater>
<asp:Repeater ID="rpte2" runat="server">
<ItemTemplate>
<%# Eval("title")%>
<br />
<%# Eval("cont")%>
</ItemTemplate>
</asp:Repeater>
</p>
<a href="mailto:info@mindasilca.in" class="sidebar-widget-link" title="Mail to Minda Silca">
<div class="sidebar-widget-linkteaser">
<i class="fas fa-comment widget-icon"></i>
</div>
</a>
</div>
</a>
</div>
<div class="bg-grey">
<div class="sidebar-navigation">
<h4 class="widget-title">SILCA KEYS & ACCESSORIES STORZ</h4>
<nav>
<ul class="menu">
<li>
<a href="what-is-it.aspx" title="What is SKAZ">What is SKAZ</a>
</li>
<li class="current-menu-item">
<a href="existing-skaz.aspx" title="Existing SKAZ">Existing SKAZ</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="bg-blue">
<div style="margin: 10px">
<h4 class="widget-title">Minda Silca App</h4>
<div class="meta">
<div class="slider-text-teaser">
<div class="swiper-container swiper-container-home-teaser">
<div class="swiper-wrapper">
<asp:Repeater ID="rpte_swip" runat="server">
<ItemTemplate>
<div class="swiper-slide">
<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# Convert.ToString(Eval("lnki")) == "Chrome" ? Eval("play_link") : Eval("app_link") %>'>
<asp:Image ID="imgsweep" runat="server" ImageUrl='<%# "ImageHandler1.ashx?db=minda_apps&Id="+ Eval("id") %>' Width="520" Height="390" />
</asp:HyperLink>
</div>
</ItemTemplate>
</asp:Repeater>
</div>
<div class="swiper-button-next"><i class="fas fa-angle-right"></i></div>
<div class="swiper-button-prev"><i class="fas fa-angle-left"></i></div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
</div>
</aside>
</div>
</div>
</div>
</section>
</div>
<script>
// Get the modal
var modal = document.getElementById("myModal");
// Get the image and insert it inside the modal - use its "alt" text as a caption
var img = document.getElementById("myImg");
var modalImg = document.getElementById("img01");
img.onclick = function () {
modal.style.display = "block";
modalImg.src = this.src;
}
var img = document.getElementById("myImg2");
var modalImg = document.getElementById("img01");
img.onclick = function () {
modal.style.display = "block";
modalImg.src = this.src;
}
var img = document.getElementById("myImg3");
var modalImg = document.getElementById("img01");
img.onclick = function () {
modal.style.display = "block";
modalImg.src = this.src;
}
var img = document.getElementById("myImg4");
var modalImg = document.getElementById("img01");
img.onclick = function () {
modal.style.display = "block";
modalImg.src = this.src;
}
var img = document.getElementById("myImg5");
var modalImg = document.getElementById("img01");
img.onclick = function () {
modal.style.display = "block";
modalImg.src = this.src;
}
// Get the <span> element that closes the modal
var spane = document.getElementById("img01");
// When the user clicks on <span> (x), close the modal
spane.onclick = function () {
modal.style.display = "none";
console.log("ok");
}
function myFunction() {
document.getElementById("myModal").style.display = "none";
}
</script>
</asp:Content>