Index of A Page PHP Ex

<!
doctype html>




<html class="no-js" 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">
<meta name="description" content="Spikecsi is a simple photography website." />
<meta name="keywords" content="Spikecsi, Spike, csi, photography, spyke,

spice,conea sorin,sorin conea,spike bacau, poze bacau , fotografii bacau" />
<meta name="author" content="SPIKECSI" />

<title>Spikecsi.com</title>

<link rel="shortcut icon" type="image/ico" href="img/favicon.png" />

<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/swiper.css">
<link rel="stylesheet" href="css/magnific-popup.css">

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/stroke-gap-icons.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">

<link href="style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<script async
src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-3984422598987381",
enable_page_level_ads: true
});
</script>
<script src="js/vendor/modernizr-2.8.3.min.js"></script>

</head>
<body>


<div class="preeloader">
<div class="preloader-spinner">
<img src="img/preloader.gif" alt="">
</div>
</div>

<a href="#home" class="scrolltotop"><i class="fa fa-long-arrow-up"></i></a>

<header class="top-area" id="home">
<div class="top-area-bg" data-stellar-background-ratio="0.6"></div>
<div id="particles-js"></div>
<div class="header-top-area">

<div class="mainmenu-area" id="mainmenu-area">
<div class="mainmenu-area-bg"></div>
<nav class="navbar">
<div class="container">
<div class="navbar-header">
<button class="collapsed navbar-toggle" type="button"

data-toggle="collapse" data-target=".bs-example-js-navbar-scrollspy">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
</button>
<a href="#home" class="navbar-brand"><img

src="img/logo.png" alt="logo"></a>
</div>
<div class="fullscreen-button">
<a href="#" id="btnFullscreen"></a>

</div>
<div class="collapse navbar-collapse bs-example-js-navbar-

scrollspy">
<ul id="nav" class="nav navbar-nav cl-effect-11">
<li><a href="#home">Acasa</a></li>
<li><a href="#latest">Noutati</a></li>
<li><a href="#about">Despre</a></li>
<li><a href="#price">Preturi</a></li>
<li><a href="#testmonial">Testmonial</a></li>
<li><a href="#gallery">Galerie</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
</div>

</div>
<div class="wel-come-text-area">
<div class="row">
<div class="col-md-12">
<div class="welcome-text">
<h1>Doar un simplu</h1>
<h2>Fotograf</h2>
</div>
</div>
</div>
</div>
</div>
</header>


<section class="latest-short-area section-padding" id="latest">
<div class="row">
<div class="col-md-8 col-lg-8 col-md-offset-2 col-lg-offset-2 col-

sm-12 col-xs-12">
<div class="area-title text-center wow fadeIn">
<h2>Realizari</h2>
<p>De cand fotografia a devenit o pasiune</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-lg-4 col-sm-4 col-xs-12">
<div class="single-fun-fact text-center wow fadeIn">
<div class="fact-icon"><span class="icon icon-

Users"></span></div>
<h3 class="counter">140</h3>
<p>Clienti fericiti</p>
</div>
</div>

DSLRCamera"></span></div>
<h3><span class="counter">150</span>+</h3>
<p>Sesiuni foto</p>
</div>
</div>

DownloadCloud"></span></div>
<h3><span class="counter">50</span>+</h3>
<p>Arhive cu fotografii</p>
</div>
</div>
</div>
<div class="row">
<div class="swiper-container">

<a class="arrow-left" href="#" title=""><i class="fa fa-

long-arrow-left"></i></a>
<a class="arrow-right" href="#" title=""><i class="fa fa-

long-arrow-right"></i></a>

<div class="swiper-wrapper">
<div class="swiper-slide">
<img class="img-responsive"
src="img/latest/gal_1.jpg" alt="">
<div class="recent-photo-title-and-tag">
<h3>Un stil de viata briliant</h3>
<p class="meta-tag"><a href="#">Feelings</a> /

<a href="#">Mood</a></p>
</div>
</div>
<p class="meta-tag"><a href="#">lifestyle</a> /

<a href="#">love</a></p>
</div>
</div>
<p class="meta-tag"><a href="#">lifestyle</a> /

<a href="#">beauty</a></p>
</div>
</div>
<p class="meta-tag"><a href="#">flower</a> / <a

href="#">beauty</a></p>
</div>
</div>
<p class="meta-tag"><a href="#">Wildlife</a> /

<a href="#">beauty</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>


<section class="about-area dark-bg section-padding" id="about">
<div class="about-area-author-bg"></div>
<div class="row">

sm-12 col-xs-12">
<div class="about-content wow fadeIn">
<div class="about-details">
<h4>Conea Sorin Ionut</h4>
<p>Un simplu fotograf, fara aparatura de ultima

genaratie, dar un fotograf ce si-a pastrat creativitatea copilului care a fost.
</p>
<p>Neinzestrat cu creativitate din nastere, dar

dobandita in timp prin munca si perseverenta, am ajuns aici, in fata ta incercand
sa scot in evidenta fiecare detaliu semnificativ al vietii.</p>
</div>
<div class="author-sign">
<img src="img/about/author_sign.png" alt="">
</div>
<div class="photographer-skills">
<div class="skillst wow fadeIn">
<div class="skillbar" data-percent="90%">

<div class="skill-info">
<div class="title">Editing</div>
<div class="count"></div>
</div>
<div class="skillbarin">
<div class="count-bar"></div>
</div>
</div>
<div class="title">Marketing</div>
</div>
</div>
</div>
<div class="title">Creativity</div>
</div>
</div>
</div>
<div class="title">Professional</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>


<section class="priceing-area section-padding" id="price">
<div class="row">

sm-12 col-xs-12">
<h2>Preturile</h2>
<p>Uimitoare</p>
</div>
</div>
</div>
<div class="row">
<div class="single-price wow fadeIn">

<div class="price-title-and-rate">
<div class="price-icon"><span class="icon icon-

Bulb"></span></div>
<p class="price-title">Standard</p>
<h3><span>RON</span>150</h3>
</div>
<div class="price-details">
<ul>
<li>Sedinte foto in diferite locatii</li>
<li>Diferite cadre creative</li>
<li>Editarea pozelor intr-un mod artistic</li>
<li>cu o buna corectie a imaginii </li>
<li>100 de fotografii gazduite online</li>
<li>20 de fotografii printate</li>
<li>Sedinta foto de 2h</li>
</ul>
</div>
<div class="price-button">
<a href="#">Cumpara</a>
</div>
</div>
</div>
<div class="single-price active wow fadeIn">

Heart"></span></div>
<p class="price-title">Business</p>
</div>
<ul>
<l1>20 de fotografii printate</l1>
</ul>
</div>
</div>
</div>
</div>
<div class="single-price wow fadeIn">

Crown"></span></div>
<p class="price-title">Instagram style</p>
</div>
<ul>

<li>Clientul isi alege singur cadrele</li>
<li>Putem alege impreuna tinuta</li>
<li>Pozele reusite vor ajunge pe site </li>
<li>20 de fotografii printate</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>


<section class="testmonial-area section-padding" id="testmonial">
<div class="testmonial-area-bg"></div>
<div class="row wow fadeIn">
<div class="testmonial-slider">
<div class="single-testmonial">
<div class="row">
<div class="col-md-6 col-lg-6 col-md-offset-3 col-

lg-offset-3 col-sm-10 col-sm-offset-1 col-xs-12">
<div class="testmonial-author-name-title-img">
<div class="author-img"><img
src="img/testmonial/member_1.jpg" alt=""></div>
<h4>Larisa Săvulescu</h4>
<h5>Persoana din spatele unei renumite

pagini de instagram.</h5>
</div>
</div>
<div class="col-md-10 col-lg-10 col-md-offset-1

col-lg-offset-1 col-sm-12 col-xs-12 ">
<div class="testmonial-author-details">
<p>“Un lucru e cert, stii ce si cum sa

fotografiezi. Alegi locurile bine rau.Te implici, iti "risti" viata, ca sa iasa o
poza bine.Rezultatul este super.Esti punctual.Daca zici "o sa fac poze" pai faci.Se
vede ca faci asta cu pasiune. Iar editul de dupa, uh...E genial.Si cred ca
interactionezi bine cu persoanele pe care le fotografiezi, le faci sa se simta
bine, sa fie comozi-somehow, ca sa iasa poza bine, iar asta cred ca conteaza cel
mai mult. Eu una sunt multumita si stiu unde sa vin mereu.”</p>
</div>
</div>
</div>
</div>
<div class="row">

src="img/testmonial/pic091.jpg" alt=""></div>
<h4>Gheorghe Doina</h4>
<h5>Model</h5>
</div>
</div>

<p>“Stiu ce vreau iar tu stii ce faci. E

atat de simplu”</p>
</div>
</div>
</div>
</div>
<div class="row">

src="img/testmonial/papusel1.jpg" alt=""></div>
<h4>Corina Cace</h4>
<h5>Happy Customer</h5>
</div>
</div>

<p>“Deși nu ai studii în acest domeniu a

realizat fotografii în care se observă plăcerea și altruismul tău.Te apreciez
pentru ce faci și te susțin.Orice tânăr merită o șansă să își transforme pasiunea
în ceva util.Menționez că ești o persoană care pune suflet în tot ceea ce
face.”</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>



<section class="contact-area padding-top" id="contact">
<div class="row contact-area-details wow fadeIn">
<div class="contact-from-bg"></div>
<div class="footer-address-details">
<h3>Simte-te liber si contacteaza-ma</h3>
<p><span>E-MAIL :</span> <a

href="mailto:coneasorin@gmail.com">Apasa-ma</a></p>
<p><span>PHONE :</span> <a href="callto:

+0724702650">0799026083</a></p>
<p><span>Whatsapp :</span> <a

href="callto:0724702650">0724702650</a></p>
<p><span>SKYPE :</span> <a

href="callto:orincompany">coneasorin@outlook.com</a></p>
<p><span>ADDRESS :</span> Bacau Country</p>
</div>
<div class="google-map">
<div id="map" style="width: 100%; height: 300px;"></div>
</div>
</div>
<div class="contact-form-area">
<div class="contact-form">
<form
action="http://quomodosoft.com/html/cphoto/demo/process.php" id="contact-form"
method="post">
<div class="form-group" id="name-field">
<div class="form-input">
<input type="text" class="form-control"

id="form-name" name="form-name" placeholder="Name.." required>
</div>
</div>
<div class="form-group" id="email-field">
<input type="email" class="form-control"

id="form-email" name="form-email" placeholder="Email.." required>
</div>
</div>
<div class="form-group" id="phone-field">
<input type="text" class="form-control"

id="form-phone" name="form-phone" placeholder="Subject">
</div>
</div>
<div class="form-group" id="message-field">
<textarea class="form-control" rows="6"

id="form-message" name="form-message" placeholder="Your Message Here..."
required></textarea>
</div>
</div>
<div class="form-group">
<button type="submit">send your

message</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>


<section class="gallery-area section-padding" id="gallery">
<div class="row">

sm-12 col-xs-12">
<h2>My Gallery</h2>
<p>Recent Short Form Me</p>
</div>
</div>
</div>
</div>
<div class="container-fluid no-padding">
<div class="row no-margin">
<div class="col-md-12 col-lg-12 col-sm-12 col-xs-12 no-padding wow

fadeIn">
<?php
$image_extensions = array("png","jpg","jpeg","gif");
$dir = 'img/gallery/';
if (is_dir($dir))
if ($dh = opendir($dir))
while (($file = readdir($dh)) !== false)
if($file != '' && $file != '.' && $file != '..')
{
$thumbnail_path = "img/gallery/".$file;
$image_path = "img/gallery/".$file;
$thumbnail_ext = pathinfo($thumbnail_path,
PATHINFO_EXTENSION);
$image_ext = pathinfo($image_path,
PATHINFO_EXTENSION);
if(!is_dir($image_path) &&
in_array($thumbnail_ext,$image_extensions) && in_array($image_ext,
$image_extensions))
echo"<div class='single-gallery-items'>
<a href=".$image_path." data-

effect='mfp-zoom-in'><img src=".$thumbnail_path." alt=''></a>
</div>";
closedir($dh);
?>
</div>
</div>
</div>
</section>


<div class="footer-area">
<div class="row wow fadeIn">

<div class="footer-copyright text-center">
<p>Copyright © <a

href="http://themeforest.net/user/bdexpert"> BDEXPERT</a> All Right Reserved.
Design By <a href="http://themeforest.net/user/themeuk">CrossXDev and
SpikeCSI</a></p>
</div>
</div>
</div>
</div>


<script src="js/vendor/jquery-1.12.4.min.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>

<script src="js/vendor/jquery.easing.1.3.js"></script>
<script src="js/vendor/jquery-migrate-1.2.1.min.js"></script>
<script src="js/jquery.appear.js"></script>
<script src="js/fullscreen.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/stellar.js"></script>
<script src="js/particles.min.js"></script>
<script src="js/app.js"></script>
<script src="js/swiper.jquery.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/contact-form.js"></script>
<script src="js/jquery.sticky.js"></script>

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

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?

key=AIzaSyBTS_KEDfHXYBslFTI_qPJIybDP3eceE-A&sensor=false"></script>
<script src="js/maps.active.js"></script>
</body>
<script type='text/javascript' data-cfasync='false'>window.purechatApi = { l: [],

t: [], on: function () { this.l.push(arguments); } }; (function () { var done =
false; var script = document.createElement('script'); script.async = true;
script.type = 'text/javascript'; script.src =
'https://app.purechat.com/VisitorWidget/WidgetScript';
document.getElementsByTagName('HEAD').item(0).appendChild(script);
script.onreadystatechange = script.onload = function (e) { if (!done && (!
this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) {
var w = new PCWidget({c: '5cbd0690-e17c-4606-91b0-1c37842cdf7e', f: true }); done =
true; } }; })();</script>

</html>

Index of A Page PHP Ex

Caricato da

Informazioni sul documento

Descrizione originale:

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Index of A Page PHP Ex

Caricato da

Copyright:

Formati disponibili

<!

<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <!

<html class="no-js" lang="en">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

<meta name="description" content="Spikecsi is a simple photography website." />

<meta name="keywords" content="Spikecsi, Spike, csi, photography, spyke,

<meta name="author" content="SPIKECSI" />

<link rel="shortcut icon" type="image/ico" href="img/favicon.png" />

<link rel="stylesheet" href="css/normalize.css">

<link rel="stylesheet" href="css/animate.css">

<link rel="stylesheet" href="css/owl.carousel.css">

<link rel="stylesheet" href="css/swiper.css">

<link rel="stylesheet" href="css/magnific-popup.css">

<link href="css/stroke-gap-icons.css" rel="stylesheet">

<link href="css/font-awesome.min.css" rel="stylesheet">

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

<link href="css/responsive.css" rel="stylesheet">

<p class="browserupgrade">You are using an <strong>outdated</strong>

<a href="#home" class="scrolltotop"><i class="fa fa-long-arrow-up"></i></a>

<header class="top-area" id="home">

<div class="top-area-bg" data-stellar-background-ratio="0.6"></div>

<div class="mainmenu-area" id="mainmenu-area">

<button class="collapsed navbar-toggle" type="button"

<span class="sr-only">Toggle navigation</span>

<a href="#home" class="navbar-brand"><img

<a href="#" id="btnFullscreen"></a>

<div class="collapse navbar-collapse bs-example-js-navbar-

<ul id="nav" class="nav navbar-nav cl-effect-11">

<section class="latest-short-area section-padding" id="latest">

<div class="col-md-8 col-lg-8 col-md-offset-2 col-lg-offset-2 col-

<div class="area-title text-center wow fadeIn">

<p>De cand fotografia a devenit o pasiune</p>

<div class="col-md-4 col-lg-4 col-sm-4 col-xs-12">

<div class="single-fun-fact text-center wow fadeIn">

<div class="fact-icon"><span class="icon icon-

<div class="col-md-4 col-lg-4 col-sm-4 col-xs-12">

<div class="single-fun-fact text-center wow fadeIn">

<div class="fact-icon"><span class="icon icon-

<div class="col-md-4 col-lg-4 col-sm-4 col-xs-12">

<div class="single-fun-fact text-center wow fadeIn">

<div class="fact-icon"><span class="icon icon-

<div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">

<a class="arrow-left" href="#" title=""><i class="fa fa-

<a class="arrow-right" href="#" title=""><i class="fa fa-

<h3>Un stil de viata briliant</h3>

<p class="meta-tag"><a href="#">Feelings</a> /

<h3>Un stil de viata briliant</h3>