1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

<section class="parallax section section-text-light section-parallax section-center" data-image-src="/portals/1/img/parallax-image-2.jpg" data-plugin-options="{'speed': 1.5}" data-plugin-parallax="parallax">
	<div class="container">
		<div class="type-writer type-text-lg heading-primary" data-plugin-options="{'stringsElement': '#typed-strings4', 'fadeOut': true, 'loop': true}">
			<div id="typed-strings4">
				<p>Creative</p>
				<p>Intutive</p>
				<p>Responsive</p>
			</div>
			<span id="typed4"> </span>
		</div>
	</div>
</section>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

<section data-image-src="/portals/1/img/parallax-image.jpg" class="parallax section section-text-light section-parallax section-center" data-plugin-options="{'speed': 0.5}" data-plugin-parallax="parallax">
	<div class="container">
		<div class="type-writer pt-lg pb-lg col-md-offset-4" data-plugin-options="{'stringsElement': '#typed-strings2', 'loop': true, 'attr': 'placeholder', 'bindInputFocusEvents': true}">
			<div id="typed-strings2">
				<p>Company</p>
				<p>Portfolio</p>
				<p>Business</p>
			</div>
			<label class="sr-only" for="typers">Typer</label>
			<input id="typers" name="typers" type="text" class="type-input form-control" />
		</div>
	</div>
</section>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

<section data-image-src="/portals/1/Law/gavel.jpg" data-plugin-options="{'speed': 0.5}" data-plugin-parallax="parallax" class="parallax section section-text-light section-parallax section-center">
	<div class="container">
		<div class="type-writer text-light type-text-sm pt-lg pb-lg" data-plugin-options="{'stringsElement': '#typed-strings3', 'shuffle': true, 'cursorChar': '_', 'loop': true}">
			<div id="typed-strings3">
				<span>Porto is extremely beautiful</span>
				<p>Porto is fully responsive</p>
				<p>Porto is incredibly beautiful</p>
			</div>
			<span id="typed3"></span>
		</div>
	</div>
</section>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

<div class="center">
	<span class="type-text-sm">PORTO THEME FOR YOUR</span>
	<div class="type-writer heading-primary type-text-sm" data-plugin-options="{'stringsElement': '#typed-strings5', 'loop': true}">
		<div id="typed-strings5">
			<p>Company</p>
			<p>Portfolio</p>
			<p>Business</p>
		</div>
		<span id="typed5"></span>
	</div>
</div>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

<div class="center">
	<span class="type-text-sm">PORTO THEME FOR YOUR</span>
	<div class="type-writer heading-tertiary type-text-sm" data-plugin-options="{'stringsElement': '#typed-strings7', 'loop': true}">
		<div id="typed-strings7">
			<p>Company</p>
			<p>Portfolio</p>
			<p>Business</p>
		</div>
		<span id="typed7"></span>
	</div>
</div>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

<div class="center">
	<span class="type-text-sm">PORTO THEME FOR YOUR</span>
	<div class="type-writer heading-secondary type-text-sm" data-plugin-options="{'stringsElement': '#typed-strings6', 'loop': true}">
		<div id="typed-strings6">
			<p>Company</p>
			<p>Portfolio</p>
			<p>Business</p>
		</div>
		<span id="typed6"></span>
	</div>
</div>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

<div class="center">
	<span class="type-text-sm">PORTO THEME FOR YOUR</span>
	<div class="type-writer heading-quaternary type-text-sm" data-plugin-options="{'stringsElement': '#typed-strings8', 'loop': true}">
		<div id="typed-strings8">
			<p>Company</p>
			<p>Portfolio</p>
			<p>Business</p>
		</div>
		<span id="typed8"></span>
	</div>
</div>