fullwidthpage.php
3.8 KB
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<?php
/**
* Template Name: Full Width Page
*
* Template for displaying a page without sidebar even if a sidebar widget is published.
*
* @package Understrap
*/
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
get_header();
$container = get_theme_mod( 'understrap_container_type' );
if ( is_front_page() ) {
get_template_part( 'global-templates/hero' );
}
$wrapper_id = 'full-width-page-wrapper';
if ( is_page_template( 'page-templates/no-title.php' ) ) {
$wrapper_id = 'no-title-page-wrapper';
}
?>
<div id="js-scroll" >
<div id="vc1">
<div class="video-cont">
<video class="myVideo" autoplay="autoplay" loop muted playsInline>
<source src="<?php echo get_field('video_one');?>.mp4" type="video/mp4">
<source src="<?php echo get_field('video_one');?>.webm" type="video/webm">
</video>
<div class="container">
<div class="row move_1">
<div class="col-md-12 content-area">
<div class="overlay-desc header">
<h1><?php echo get_field('video_one_text_one');?></h1>
</div>
</div>
</div>
<div class="row move_2">
<div class="col-md-12 content-area">
<div class="overlay-desc left">
<?php echo get_field('video_one_text_two');?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="vc2">
<div class="video-cont video2">
<video id="v2" class="myVideo" autoplay="autoplay" loop muted playsInline>
<source src="<?php echo get_field('video_two');?>.mp4" type="video/mp4">
<source src="<?php echo get_field('video_two');?>.webm" type="video/webm">
</video>
<div class="container">
<div class="row move_3">
<div class="col-md-12 content-area">
<div class="overlay-desc center ">
<?php echo get_field('video_two_text_one');?>
</div>
</div>
</div>
<div class="row move_4">
<div class="col-md-12 content-area">
<div class="overlay-desc center">
<?php echo get_field('video_two_text_two');?>
</div>
</div>
</div>
</div>
</div>
</div>
<?php
$images = get_field('staff');
$size = 'full'; // (thumbnail, medium, large, full or custom size)
if( $images ): ?>
<div class="staff-images">
<div class="row">
<?php foreach( $images as $image_id ): ?>
<div class="image col-lg-5ths">
<?php echo wp_get_attachment_image( $image_id['id'], $size ); ?>
</div>
<?php endforeach; ?>
</div>
<div class="staff_text">
<div class="container">
<div class="row">
<div class="col-md-12">
<?php echo get_field('staff_text');?>
</div>
</div>
</div>
</div>
</div>
<?php endif; ?>
<div id="vc3">
<div class="video-cont">
<video id="v3" class="myVideo" autoplay="autoplay" loop muted playsInline>
<source src="<?php echo get_field('video_three');?>.mp4" type="video/mp4">
<source src="<?php echo get_field('video_three');?>.webm" type="video/webm">
</video>
<div class="container">
<div class="row move_5">
<div class="col-md-12 content-area">
<div class="overlay-desc center full ">
<?php echo get_field('video_three_text_one');?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="<?php echo esc_attr( $container ); ?>" id="content">
<div class="row">
<div class="col-md-12 content-area" id="primary">
<main class="site-main" id="main" role="main">
<?php
while ( have_posts() ) {
the_post();
get_template_part( 'loop-templates/content', 'page' );
// If comments are open or we have at least one comment, load up the comment template.
if ( comments_open() || get_comments_number() ) {
comments_template();
}
}
?>
</main>
</div><!-- #primary -->
</div><!-- .row -->
</div><!-- #content -->
</div><!-- #<?php echo $wrapper_id; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- ok. ?> -->
<?php
get_footer();