"Untitled"
Bootstrap 4.1.1 Snippet by divyalahad

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<h2>Choose from our collection of especially hand-picked tours in Italy and discover picture-perfect sights and memorable moments.</h2>
<div class="row">
<section class="col-sm-12">
<a id="main-content"></a>
<h1 class="page-header">ITALY</h1>
<div class="region region-content">
<section id="block-system-main" class="block block-system clearfix">
<article id="node-107437" class="node node-cv-story node-promoted clearfix" about="/featured-tours/europe/italy" typeof="sioc:Item foaf:Document">
<header>
<span property="dc:title" content="ITALY" class="rdf-meta element-hidden"></span><span property="sioc:num_replies" content="0" datatype="xsd:integer" class="rdf-meta element-hidden"></span> </header>
<div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><style>
/* - - this hides the Drupal title - - */
.page-header {display:none;}
.main-container { margin-top:0;height:auto !important; }
.footer{border-top:none !important;}
/* Billboard */
.main1{
width: 100%;
height: 600px;
background: url("/sites/default/files/FCO_0.jpg") no-repeat center center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: