| Server IP : 93.86.61.54 / Your IP : 216.73.216.60 Web Server : Apache/2.4.62 (Ubuntu) System : Linux rasin.ddns.net 6.8.0-124-generic #124~22.04.1-Ubuntu SMP PREEMPT_DYNAMIC Tue May 26 21:05:19 UTC x86_64 User : www-data ( 33) PHP Version : 8.4.22 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/html/projects/vetroingph/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Vetroing - Foto galerija</title>
<!-- load stylesheets -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Bootstrap style -->
<link rel="stylesheet" href="css/hero-slider-style.css">
<!-- Hero slider style (https://codyhouse.co/gem/hero-slider/) -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Magnific popup style (http://dimsemenov.com/plugins/magnific-popup/) -->
<link rel="stylesheet" href="css/tooplate-style.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Content -->
<div class="cd-hero">
<!-- Navigation -->
<div class="cd-slider-nav">
<nav class="navbar">
<div class="tm-navbar-bg">
<a class="navbar-brand" href="../vetroing/index.html"><i class="fa fa-gears tm-brand-icon"></i>Vetroing - Foto galerija</a>
<button class="navbar-toggler hidden-lg-up" type="button" data-toggle="collapse" data-target="#tmNavbar">
☰
</button>
<div class="collapse navbar-toggleable-md text-xs-center text-uppercase tm-navbar" id="tmNavbar">
<ul class="nav navbar-nav">
<li class="nav-item active selected">
<a class="nav-link" href="#0" data-no="1">VTG Generator<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0" data-no="2">VTG Turbina</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0" data-no="3">VTG Energetika</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<ul class="cd-hero-slider">
<!-- Page 1 Gallery One -->
<li class="selected">
<div class="cd-full-width">
<div class="container-fluid js-tm-page-content" data-page-no="1" data-page-type="gallery">
<div class="tm-img-gallery-container">
<div class="tm-img-gallery gallery-one">
<!-- Gallery One pop up connected with JS code below -->
<div class="tm-img-gallery-info-container">
<h2 class="tm-text-title tm-gallery-title"><span class="tm-white">Modul - Generator</span></h2>
<p class="tm-text">Generator i multiplikator </p>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/1-img-01-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Zupčanik i <span>osovina</span></h2>
<p class="tm-figure-description">Zupčanik i osovina</p>
<a href="img/1-img-01.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/1-img-02-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Image <span>Two</span></h2>
<p class="tm-figure-description">Maecenas purus sem, lobortis id odio in sapien.</p>
<a href="img/1-img-02.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/1-img-03-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Image <span>Three</span></h2>
<p class="tm-figure-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="img/1-img-03.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/1-img-04-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Image <span>Four</span></h2>
<p class="tm-figure-description">Maecenas purus sem, lobortis id odio in sapien.</p>
<a href="img/1-img-04.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/1-img-05-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Image <span>Five</span></h2>
<p class="tm-figure-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="img/1-img-05.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/1-img-06-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Image <span>Six</span></h2>
<p class="tm-figure-description">Maecenas purus sem, lobortis id odio in sapien.</p>
<a href="img/1-img-06.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/1-img-07-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Image <span>Seven</span></h2>
<p class="tm-figure-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="img/1-img-07.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/1-img-08-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Image <span>Eight</span></h2>
<p class="tm-figure-description">Maecenas purus sem, lobortis id odio in sapien.</p>
<a href="img/1-img-08.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/1-img-09-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Image <span>Nine</span></h2>
<p class="tm-figure-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="img/1-img-09.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/1-img-10-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Image <span>Ten</span></h2>
<p class="tm-figure-description">Maecenas purus sem, lobortis id odio in sapien.</p>
<a href="img/1-img-10.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/1-img-11-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Image <span>Eleven</span></h2>
<p class="tm-figure-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="img/1-img-11.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/1-img-12-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Image <span>Twelve</span></h2>
<p class="tm-figure-description">Maecenas purus sem, lobortis id odio in sapien.</p>
<a href="img/1-img-12.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
</li>
<!-- Page 2 Gallery Two -->
<li>
<div class="cd-full-width">
<div class="container-fluid js-tm-page-content" data-page-no="2" data-page-type="gallery">
<div class="tm-img-gallery-container">
<div class="tm-img-gallery gallery-two">
<!-- Gallery Two pop up connected with JS code below -->
<div class="tm-img-gallery-info-container">
<h2 class="tm-text-title tm-gallery-title"><span class="tm-white">Modul - Turbina</span></h2>
<p class="tm-text"><span class="tm-white">Turbina i spojnice</span>
</p>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/2-img-01-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Picture <span>One</span></h2>
<p class="tm-figure-description">Suspendisse id placerat risus. Mauris quis luctus risus.</p>
<a href="img/2-img-01.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/2-img-02-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Picture <span>Two</span></h2>
<p class="tm-figure-description">Maecenas purus sem, lobortis id odio in sapien.</p>
<a href="img/2-img-02.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/2-img-03-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Picture <span>Three</span></h2>
<p class="tm-figure-description">Suspendisse id placerat risus. Mauris quis luctus risus.</p>
<a href="img/2-img-03.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/2-img-04-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Picture <span>Four</span></h2>
<p class="tm-figure-description">Maecenas purus sem, lobortis id odio in sapien.</p>
<a href="img/2-img-04.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/2-img-05-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Picture <span>Five</span></h2>
<p class="tm-figure-description">Suspendisse id placerat risus. Mauris quis luctus risus.</p>
<a href="img/2-img-05.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/2-img-06-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Picture <span>Six</span></h2>
<p class="tm-figure-description">Maecenas purus sem, lobortis id odio in sapien.</p>
<a href="img/2-img-06.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/2-img-07-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Picture <span>Seven</span></h2>
<p class="tm-figure-description">Maecenas purus sem, lobortis id odio in sapien.</p>
<a href="img/2-img-07.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/2-img-08-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Picture <span>Eight</span></h2>
<p class="tm-figure-description">Maecenas purus sem, lobortis id odio in sapien.</p>
<a href="img/2-img-08.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/2-img-09-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Picture <span>Nine</span></h2>
<p class="tm-figure-description">Maecenas purus sem, lobortis id odio in sapien.</p>
<a href="img/2-img-09.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/2-img-10-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Picture <span>Ten</span></h2>
<p class="tm-figure-description">Maecenas purus sem, lobortis id odio in sapien.</p>
<a href="img/2-img-10.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/2-img-11-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Picture <span>Eleven</span></h2>
<p class="tm-figure-description">Maecenas purus sem, lobortis id odio in sapien.</p>
<a href="img/2-img-11.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/2-img-12-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Picture <span>Twelve</span></h2>
<p class="tm-figure-description">Maecenas purus sem, lobortis id odio in sapien.</p>
<a href="img/2-img-12.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
</li>
<!-- Page 3 Gallery Three -->
<li>
<div class="cd-full-width">
<div class="container-fluid js-tm-page-content" data-page-no="3" data-page-type="gallery">
<div class="tm-img-gallery-container">
<div class="tm-img-gallery gallery-three">
<!-- Gallery Two pop up connected with JS code below -->
<div class="tm-img-gallery-info-container">
<h2 class="tm-text-title tm-gallery-title"><span class="tm-white">Modul - Energetika i upravljanje</span></h2>
<p class="tm-text"><span class="tm-white">Energetski sklop i mikrokotroleri</span>
</p>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/3-img-01-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Picture <span>One</span></h2>
<p class="tm-figure-description">Suspendisse id placerat risus. Mauris quis luctus risus.</p>
<a href="img/3-img-01.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/3-img-02-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Picture <span>Two</span></h2>
<p class="tm-figure-description">Maecenas purus sem, lobortis id odio in sapien.</p>
<a href="img/3-img-02.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/3-img-03-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Picture <span>Three</span></h2>
<p class="tm-figure-description">Suspendisse id placerat risus. Mauris quis luctus risus.</p>
<a href="img/3-img-03.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/3-img-04-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Picture <span>Four</span></h2>
<p class="tm-figure-description">Maecenas purus sem, lobortis id odio in sapien.</p>
<a href="img/3-img-04.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/3-img-05-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Picture <span>Five</span></h2>
<p class="tm-figure-description">Suspendisse id placerat risus. Mauris quis luctus risus.</p>
<a href="img/3-img-05.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/3-img-06-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Picture <span>Six</span></h2>
<p class="tm-figure-description">Maecenas purus sem, lobortis id odio in sapien.</p>
<a href="img/3-img-06.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/3-img-07-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Picture <span>Seven</span></h2>
<p class="tm-figure-description">Suspendisse id placerat risus. Mauris quis luctus risus.</p>
<a href="img/3-img-07.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/3-img-08-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Picture <span>Eight</span></h2>
<p class="tm-figure-description">Maecenas purus sem, lobortis id odio in sapien.</p>
<a href="img/3-img-08.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/3-img-09-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Picture <span>Nine</span></h2>
<p class="tm-figure-description">Maecenas purus sem, lobortis id odio in sapien.</p>
<a href="img/3-img-09.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/3-img-10-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Picture <span>Ten</span></h2>
<p class="tm-figure-description">Maecenas purus sem, lobortis id odio in sapien.</p>
<a href="img/3-img-10.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/3-img-11-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Picture <span>Eleven</span></h2>
<p class="tm-figure-description">Maecenas purus sem, lobortis id odio in sapien.</p>
<a href="img/3-img-11.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
<div class="grid-item">
<figure class="effect-bubba">
<img src="img/3-img-12-tn.jpg" alt="Image" class="img-fluid tm-img">
<figcaption>
<h2 class="tm-figure-title">Picture <span>Twelve</span></h2>
<p class="tm-figure-description">Maecenas purus sem, lobortis id odio in sapien.</p>
<a href="img/3-img-12.jpg">Vidi više</a>
</figcaption>
</figure>
</div>
</div>
</div> <!-- .tm-img-gallery-container -->
</div>
</div>
</li>
<!-- Page 4 About -->
<li>
<div class="cd-full-width">
<div class="container-fluid js-tm-page-content tm-page-width tm-pad-b" data-page-no="4">
<div class="row tm-white-box-margin-b">
<div class="col-xs-12">
<div class="tm-flex">
<div class="tm-bg-white-translucent text-xs-left tm-textbox tm-textbox-padding">
<h2 class="tm-text-title">About our team</h2>
<p class="tm-text">Quisque efficitur dui id turpis cursus, quis faucibus nulla malesuada. Nulla consectetur eget quam id pulvinar. Nulla facilisi. Curabitur rhoncus lacinia tincidunt. Etiam velit dui, rutrum vel finibus ac, commodo at mauris. Donec vitae diam ac tellus consectetur interdum eu non odio.</p>
</div>
</div>
</div>
</div>
<div class="row tm-white-box-margin-b">
<div class="col-xs-12">
<div class="tm-flex">
<div class="tm-bg-white-translucent text-xs-left tm-textbox tm-2-col-textbox-2 tm-textbox-padding">
<h2 class="tm-text-title">Nulla vitae magna</h2>
<p class="tm-text">Aliquam porttitor tortor at nisi fermentum, ac porta arcu vulputate. Nunc lobortis ipsum sapien, non ultrices odio tempus varius. In posuere dolor non sagittis ultrices.</p>
</div>
<div class="tm-bg-white-translucent text-xs-left tm-textbox tm-2-col-textbox-2 tm-textbox-padding">
<h2 class="tm-text-title">Vivamus aliquam turpis</h2>
<p class="tm-text">Integer quis leo pretium, cursus nisl non, placerat magna. Sed efficitur massa id magna eleifend tristique. Duis vitae turpis dapibus, facilisis magna ut, pretium metus.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="tm-flex">
<div class="tm-bg-white-translucent text-xs-left tm-textbox tm-2-col-textbox-2 tm-textbox-padding">
<h2 class="tm-text-title">Curabitur at sem</h2>
<p class="tm-text">Curabitur ac bibendum augue, a convallis mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed ultrices placerat arcu.</p>
</div>
<div class="tm-bg-white-translucent text-xs-left tm-textbox tm-2-col-textbox-2 tm-textbox-padding">
<h2 class="tm-text-title">Aliquam laoreet velit</h2>
<p class="tm-text">Proin sagittis mauris dolor, vel efficitur lectus dictum nec. Sed ultrices placerat arcu, id malesuada metus cursus suscipit. Donex quis consectetur ligula. Thank you.</p>
</div>
<div class="tm-bg-white-translucent text-xs-left tm-textbox tm-2-col-textbox-2 tm-textbox-padding">
<h2 class="tm-text-title">Suspendisse facilisis</h2>
<p class="tm-text">Sed ultrices placerat arcu, id malesuada metus cursus suscipit. Donex quis consectetur ligula. Proin accumsan eros id nisi porttitor, a facilisis quam cursus.</p>
</div>
</div>
</div>
</div>
</div>
</div> <!-- .cd-full-width -->
</li>
<!-- Page 5 Contact Us -->
<li>
<div class="cd-full-width">
<div class="container-fluid js-tm-page-content tm-page-pad" data-page-no="5">
<div class="tm-contact-page">
<div class="row">
<div class="col-xs-12">
<div class="tm-flex tm-contact-container">
<div class="tm-bg-white-translucent text-xs-left tm-textbox tm-2-col-textbox-2 tm-textbox-padding tm-textbox-padding-contact">
<h2 class="tm-contact-info">Say hello to us!</h2>
<p class="tm-text">Pellentesque euismod, sem nec euismod interdum, odio elit venenatis est, gravida aliquet velit velit a ex. In luctus orci et orci lobortis, quis sagittis nibh laoreet.</p>
<!-- contact form -->
<form action="index.html" method="post" class="tm-contact-form">
<div class="form-group">
<input type="text" id="contact_name" name="contact_name" class="form-control" placeholder="Name" required/>
</div>
<div class="form-group">
<input type="email" id="contact_email" name="contact_email" class="form-control" placeholder="Email" required/>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="5" placeholder="Your message" required></textarea>
</div>
<button type="submit" class="pull-xs-right tm-submit-btn">Send</button>
</form>
</div>
<div class="tm-bg-white-translucent text-xs-left tm-textbox tm-2-col-textbox-2 tm-textbox-padding tm-textbox-padding-contact">
<h2 class="tm-contact-info">794 Old Street 12120, San Francisco, CA</h2>
<!-- google map goes here -->
<div id="google-map"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div> <!-- .cd-full-width -->
</li>
</ul> <!-- .cd-hero-slider -->
<footer class="tm-footer">
<p class="tm-copyright-text">Copyright © 2023 Vetroing</p>
</footer>
</div> <!-- .cd-hero -->
<!-- Preloader, https://ihatetomatoes.net/create-custom-preloading-screen/ -->
<div id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<!-- load JS files -->
<script src="js/jquery-1.11.3.min.js"></script> <!-- jQuery (https://jquery.com/download/) -->
<script src="https://www.atlasestateagents.co.uk/javascript/tether.min.js"></script> <!-- Tether for Bootstrap (http://stackoverflow.com/questions/34567939/how-to-fix-the-error-error-bootstrap-tooltips-require-tether-http-github-h) -->
<script src="js/bootstrap.min.js"></script> <!-- Bootstrap js (v4-alpha.getbootstrap.com/) -->
<script src="js/hero-slider-main.js"></script> <!-- Hero slider (https://codyhouse.co/gem/hero-slider/) -->
<script src="js/jquery.magnific-popup.min.js"></script> <!-- Magnific popup (http://dimsemenov.com/plugins/magnific-popup/) -->
<script>
function adjustHeightOfPage(pageNo) {
var offset = 80;
var pageContentHeight = 0;
var pageType = $('div[data-page-no="' + pageNo + '"]').data("page-type");
if( pageType != undefined && pageType == "gallery") {
pageContentHeight = $(".cd-hero-slider li:nth-of-type(" + pageNo + ") .tm-img-gallery-container").height();
}
else {
pageContentHeight = $(".cd-hero-slider li:nth-of-type(" + pageNo + ") .js-tm-page-content").height() + 20;
}
if($(window).width() >= 992) { offset = 120; }
else if($(window).width() < 480) { offset = 40; }
// Get the page height
var totalPageHeight = $('.cd-slider-nav').height()
+ pageContentHeight + offset
+ $('.tm-footer').height();
// Adjust layout based on page height and window height
if(totalPageHeight > $(window).height())
{
$('.cd-hero-slider').addClass('small-screen');
$('.cd-hero-slider li:nth-of-type(' + pageNo + ')').css("min-height", totalPageHeight + "px");
}
else
{
$('.cd-hero-slider').removeClass('small-screen');
$('.cd-hero-slider li:nth-of-type(' + pageNo + ')').css("min-height", "100%");
}
}
/*
Everything is loaded including images.
*/
$(window).load(function(){
adjustHeightOfPage(1); // Adjust page height
/* Gallery One pop up
-----------------------------------------*/
$('.gallery-one').magnificPopup({
delegate: 'a', // child items selector, by clicking on it popup will open
type: 'image',
gallery:{enabled:true}
});
/* Gallery Two pop up
-----------------------------------------*/
$('.gallery-two').magnificPopup({
delegate: 'a',
type: 'image',
gallery:{enabled:true}
});
/* Gallery Three pop up
-----------------------------------------*/
$('.gallery-three').magnificPopup({
delegate: 'a',
type: 'image',
gallery:{enabled:true}
});
/* Collapse menu after click
-----------------------------------------*/
$('#tmNavbar a').click(function(){
$('#tmNavbar').collapse('hide');
adjustHeightOfPage($(this).data("no")); // Adjust page height
});
/* Browser resized
-----------------------------------------*/
$( window ).resize(function() {
var currentPageNo = $(".cd-hero-slider li.selected .js-tm-page-content").data("page-no");
// wait 3 seconds
setTimeout(function() {
adjustHeightOfPage( currentPageNo );
}, 1000);
});
// Remove preloader (https://ihatetomatoes.net/create-custom-preloading-screen/)
$('body').addClass('loaded');
});
/* Google map
------------------------------------------------*/
var map = '';
var center;
function initialize() {
var mapOptions = {
zoom: 14,
center: new google.maps.LatLng(37.769725, -122.462154),
scrollwheel: false
};
map = new google.maps.Map(document.getElementById('google-map'), mapOptions);
google.maps.event.addDomListener(map, 'idle', function() {
calculateCenter();
});
google.maps.event.addDomListener(window, 'resize', function() {
map.setCenter(center);
});
}
function calculateCenter() {
center = map.getCenter();
}
function loadGoogleMap(){
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&' + 'callback=initialize';
document.body.appendChild(script);
}
// DOM is ready
$(function() {
loadGoogleMap(); // Google Map
});
</script>
</body>
</html>