Scribd
Upload
65 views12 pages

Project Version

The document is the homepage for a photographer marketplace website. It includes metadata, links to style sheets, javascript files, and the HTML structure for the website. The main content includes an inner header with the title "Giang sì ke photographer" and details about a photographer named Lê Thị Giang including their name, location, services, availability, contact details and social media links. It also includes an image of the photographer.

Uploaded by

Lê Giang
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
65 views12 pages

Project Version

The document is the homepage for a photographer marketplace website. It includes metadata, links to style sheets, javascript files, and the HTML structure for the website. The main content includes an inner header with the title "Giang sì ke photographer" and details about a photographer named Lê Thị Giang including their name, location, services, availability, contact details and social media links. It also includes an image of the photographer.

Uploaded by

Lê Giang
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 12

<!

DOCTYPE html>

<html dir="ltr" lang="en">

<head>

<!-- Meta Tags -->

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

<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>

<meta name="description" content="StudyPress | Education & Courses HTML Template" />

<meta name="keywords" content="academy, course, education, education html theme, elearning,


learning," />

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

<!-- Page Title -->

<title>PhotoGrapherMarket | Choose whom you want</title>

<!-- Favicon and Touch Icons -->

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

<link href="images/apple-touch-icon.png" rel="apple-touch-icon">

<link href="images/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72">

<link href="images/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114">

<link href="images/apple-touch-icon-144x144.png" rel="apple-touch-icon" sizes="144x144">

<!-- Stylesheet -->

<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">

<link href="css/jquery-ui.min.css" rel="stylesheet" type="text/css">

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

<link href="css/css-plugin-collections.css" rel="stylesheet"/>

<!-- CSS | menuzord megamenu skins -->


<link id="menuzord-menu-skins" href="css/menuzord-skins/menuzord-rounded-boxed.css"
rel="stylesheet"/>

<!-- CSS | Main style file -->

<link href="css/style-main.css" rel="stylesheet" type="text/css">

<!-- CSS | Preloader Styles -->

<link href="css/preloader.css" rel="stylesheet" type="text/css">

<!-- CSS | Custom Margin Padding Collection -->

<link href="css/custom-bootstrap-margin-padding.css" rel="stylesheet" type="text/css">

<!-- CSS | Responsive media queries -->

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

<!-- CSS | Style css. This is the file where you can place your own custom css code. Just uncomment it
and use it. -->

<!-- <link href="css/style.css" rel="stylesheet" type="text/css"> -->

<!-- Revolution Slider 5.x CSS settings -->

<link href="js/revolution-slider/css/settings.css" rel="stylesheet" type="text/css"/>

<link href="js/revolution-slider/css/layers.css" rel="stylesheet" type="text/css"/>

<link href="js/revolution-slider/css/navigation.css" rel="stylesheet" type="text/css"/>

<!-- CSS | Theme Color -->

<link href="css/colors/theme-skin-color-set-1.css" rel="stylesheet" type="text/css">

<!-- external javascripts -->

<script src="js/jquery-2.2.4.min.js"></script>

<script src="js/jquery-ui.min.js"></script>

<script src="js/bootstrap.min.js"></script>

<!-- JS | jquery plugin collection for this theme -->

<script src="js/jquery-plugin-collection.js"></script>
<!-- Revolution Slider 5.x SCRIPTS -->

<script src="js/revolution-slider/js/jquery.themepunch.tools.min.js"></script>

<script src="js/revolution-slider/js/jquery.themepunch.revolution.min.js"></script>

<!-- 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 class="">

<div id="wrapper" class="clearfix">

<!-- preloader -->

<div id="preloader">

<div id="spinner">

<div class="preloader-dot-loading">

<div class="cssload-loading"><i></i><i></i><i></i><i></i></div>

</div>

</div>

<div id="disable-preloader" class="btn btn-default btn-sm">Disable Preloader</div>

</div>

<!-- Header -->

<header id="header" class="header">

<div class="header-top bg-theme-color-2 sm-text-center p-0">

<div class="container">

<div class="row">

<div class="col-md-4">
<div class="widget no-border m-0">

<ul class="list-inline font-13 sm-text-center mt-5">

<li>

<a class="text-white" href="#">FAQ</a>

</li>

<li class="text-white">|</li>

<li>

<a class="text-white" href="#">Help Desk</a>

</li>

<li class="text-white">|</li>

<li>

<a class="text-white" href="#">Login</a>

</li>

</ul>

</div>

</div>

<div class="col-md-8">

<div class="widget m-0 pull-right sm-pull-none sm-text-center">

<ul class="list-inline pull-right">

<li class="mb-0 pb-0">

<div class="top-dropdown-outer pt-5 pb-10">

<a class="top-search-box has-dropdown text-white text-hover-theme-colored"><i class="fa


fa-search font-13"></i> &nbsp;</a>

<ul class="dropdown">

<li>

<div class="search-form-wrapper">

<form method="get" class="mt-10">


<input type="text" onfocus="if(this.value =='Enter your search') { this.value = ''; }"
onblur="if(this.value == '') { this.value ='Enter your search'; }" value="Enter your search"
id="searchinput" name="s" class="">

<label><input type="submit" name="submit" value=""></label>

</form>

</div>

</li>

</ul>

</div>

</li>

</ul>

</div>

<div class="widget no-border m-0 mr-15 pull-right flip sm-pull-none sm-text-center">

<ul class="styled-icons icon-circled icon-sm pull-right flip sm-pull-none sm-text-center mt-sm-


15">

<li><a href="#"><i class="fa fa-facebook text-white"></i></a></li>

<li><a href="#"><i class="fa fa-twitter text-white"></i></a></li>

<li><a href="#"><i class="fa fa-google-plus text-white"></i></a></li>

<li><a href="#"><i class="fa fa-instagram text-white"></i></a></li>

<li><a href="#"><i class="fa fa-linkedin text-white"></i></a></li>

</ul>

</div>

</div>

</div>

</div>

</div>

<div class="header-nav">

<div class="header-nav-wrapper navbar-scrolltofixed bg-theme-colored border-bottom-theme-color-


2-1px">
<div class="container">

<nav id="menuzord" class="menuzord bg-theme-colored pull-left flip menuzord-responsive">

<ul class="menuzord-menu">

<li class="active"><a href="#home">Home</a>

</li>

<li><a href="#">Thể loại</a>

<ul class="dropdown">

<li><a href="#">Đám cưới, Ăn Hỏi</a>

</li>

<li><a href="#">Ký yếu</a>

</li>

<li><a href="#">Chân dung</a>

</li>

<li><a href="#">Sự kiện</a>

</li>

<li><a href="#">Khỏa thân</a></li>

</ul>

</li>

<li><a href="#">Khu vực</a>

<ul class="dropdown">

<li><a href="#">Miền bắc</a>

</li>

<li><a href="#">Miền trung</a>


</li>

<li><a href="#">Miền nam</a>

</li>

</ul>

</li>

<li><a href="#">Giá thành</a>

<ul class="dropdown">

<li><a href="#">1 triệu - 2 triệu</a>

</li>

<li><a href="#">3 triệu - 4 triệu</a>

</li>

<li><a href="#">>100 triệu</a>

</li>

<li><a href="#">> 1 tỉ</a>

</li>

</ul>

</li>
</ul>

<ul class="pull-right flip hidden-sm hidden-xs">

<li>

<!-- Modal: Book Now Starts -->

<a class="btn btn-colored btn-flat bg-theme-color-2 text-white font-14 bs-modal-ajax-load mt-0


p-25 pr-15 pl-15" data-toggle="modal" data-target="#BSParentModal" href="ajax-load/reservation-
form.html">BOOK NOW</a>

<!-- Modal: Book Now End -->

</li>

</ul>

<div id="top-search-bar" class="collapse">

<div class="container">

<form role="search" action="#" class="search_form_top" method="get">

<input type="text" placeholder="Type text and press Enter..." name="s" class="form-control"


autocomplete="off">

<span class="search-close"><i class="fa fa-search"></i></span>

</form>

</div>

</div>

</nav>

</div>

</div>

</div>

</header>

<!-- Start main-content -->

<div class="main-content">

<!-- Section: inner-header -->


<section class="inner-header divider parallax layer-overlay overlay-dark-5" data-bg-
img="http://placehold.it/1920x1280">

<img src="webtientien/13.jpg" alt="" style="width: 1920px; height: 1280px;" data-


bgposition="center 10%" data-bgfit="cover" data-bgrepeat="no-repeat">

<div class="container pt-70 pb-20">

<!-- Section Content -->

<div class="section-content">

<div class="row">

<div class="col-md-12">

<h2 class="title text-white">Giang sì ke photographer</h2>

</div>

</div>

</div>

</div>

</section>

<section>

<div class="container">

<div class="row">

<div class="col-md-4">

<ul>

<li>

<h5><b>Họ tên đầy đủ:</b></h5>

<p>Lê Thị Giang</p>

</li>

<li>

<h5><b>Nơi làm việc:</b></h5>

<p>số 16, ngõ 84 Trần Đại Nghĩa, Quận 1, Hồ Chí Minh</p>

</li>
<li>

<h5><b>Chuyên:</b></h5>

<p>Nhận chụp kỷ yếu, chụp ảnh sự kiện, chụp ảnh cưới </p>

</li>

<li>

<h5><b>Ngày làm việc:</b></h5>

<p>Từ thứ 2-thứ 7, 6h-22h</p>

</li>

<li>

<h5><b>Ngày trống lịch tháng 6</b></h5>

<p>11,13,18,22,25</p>

</li>

<li>

<h5><b>Số điện thoại:</b></h5>

<p>0964481487</p>

</li>

<li>

<h5><b>Email:</b></h5>

<p>[email protected]</p>

</li>

<li>

<h5><b>Share:</b></h5>

<div class="styled-icons icon-sm icon-gray icon-circled">

<a href="#"><i class="fa fa-facebook"></i></a>

<a href="#"><i class="fa fa-twitter"></i></a>

<a href="#"><i class="fa fa-instagram"></i></a>

<a href="#"><i class="fa fa-google-plus"></i></a>

</div>

</li>
</ul>

</div>

<div class="col-md-8">

<img src="webtientien/5.jpg" alt="" style="width: 755px; height: 480px;">

</div>

</div>

<div class="row mt-60">

<div class="col-md-6">

<h4 class="mt-0">Thông tin chi tiết</h4>

<p>Giang sì ke là một trong số các photographer được ưu chuông hiện nay bởi phong cách chụp
ảnh đặc biệt và tốc độ thực hiện công việc rất nhanh. Giang chuyên nhận chụp kỷ yếu, chụp khoảnh khắc
gia đình, bạn bè, chụp ảnh cưới.

Ưu đãi dành cho khách hàng đăng ký :<br>

+Trước 1 tháng: giảm 10%<br>

+Trước 1 tuần: giảm 5%

</p>

</div>

<div class="col-md-6">

<blockquote>

<p>“Chỉ cần 12 bức ảnh đẹp trong một năm cũng đã được coi là có một mùa ảnh bội thu”.</p>

<footer>Ansel Adams (1902 – 1984)</footer>

</blockquote>

</div>

</div>

<div class="row mt-30">

<div class="col-md-12">

<h4 class="mb-20">Recent Projects</h4>

<div class="owl-carousel-6col">

<div class="item"><img src="webtientien/1.jpg" alt="" style="width: 285px; height:


215px;"></div>
<div class="item"><img src="webtientien/2.jpg" alt="" style="width: 285px; height:
215px;"></div>

<div class="item"><img src="webtientien/3.jpg" alt=""style="width: 285px; height:


215px;"></div>

<div class="item"><img src="webtientien/9.jpg" alt=""style="width: 285px; height:


215px;"></div>

<div class="item"><img src="webtientien/3.jpg" alt=""style="width: 285px; height:


215px;"></div>

<div class="item"><img src="webtientien/1.jpg" alt=""style="width: 285px; height:


215px;"></div>

</div>

</div>

</div>

</div>

</section>

</div>

<!-- end main-content -->

<a class="scrollToTop" href="#"><i class="fa fa-angle-up"></i></a>

</div>

<!-- end wrapper -->

<!-- Footer Scripts -->

<!-- JS | Custom script for all pages -->

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

</body>

</html>

You might also like