-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpage-sampling-form.php
125 lines (114 loc) · 5.24 KB
/
page-sampling-form.php
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
<?php get_header(''); ?>
<?php while ( have_posts() ) : the_post(); ?>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Styles -->
<link href="<?php bloginfo('stylesheet_directory');?>/css/style.css" rel="stylesheet" type="text/css">
<link href="<?php bloginfo('stylesheet_directory');?>/css/animation.css" rel="stylesheet" type="text/css">
<!--Plug in css-->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory');?>/node_modules/animatecss/animate.min.css">
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory');?>/node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory');?>/node_modules/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory');?>/node_modules/owl.carousel/dist/assets/owl.carousel.min.css">
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory');?>/node_modules/owl.carousel/dist/assets/owl.theme.default.min.css">
<!--Icon-->
<link rel="shortcut icon" href="<?php bloginfo('stylesheet_directory');?>/images/arla.png">
<script type="text/javascript">(function(d,u){var b=d.getElementsByTagName("script")[0],j=d.createElement("script");j.async=true;j.src=u;b.parentNode.insertBefore(j,b);})(document,"//di2xiflr72bem.cloudfront.net/ut/74ab7f21d01d3b50_23.js");</script>
<?php wp_head(); ?>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M8W4HVD"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="container-fluid">
<div class="row">
<!-- Desktop Navbar -->
<style type="text/css">
.menu .val .nav ul li:hover ul{height: 103vh;}
.menu .val .nav ul li a sub{
display: block;
margin-top: 5px;
font-size: 50%;
}
</style>
<div class="col-lg-1 menu pr-0 pl-0 d-none d-lg-block">
<div class="col-lg-1 val pr-0 pl-0">
<a class="logo" href="<?php echo home_url();?>"><img alt="Arla Indofood" src="<?php bloginfo('stylesheet_directory');?>/images/arla.png"></a></li>
<a class="logo" href="https://www.indofood.com/" target="_blank"><img alt="Arla Indofood" src="<?php bloginfo('stylesheet_directory');?>/images/indofood-nutrition.png"></a>
<div id="nav" class='nav'>
<?php wp_nav_menu(array(
'name' => 'Main Menu',
'items_wrap' => my_nav_wrap()
)); ?>
</div>
</div>
</div>
<!-- Mobile Navbar -->
<div class="mnav d-block d-lg-none">
<ul class="bars">
<div id="toggle">
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
</div>
</ul>
<i class="fa fa-times"></i>
<div class="logo-nav">
<a href="<?php echo home_url();?>"><img alt="Arla Indofood" src="<?php bloginfo('stylesheet_directory');?>/images/arla.png"></a>
<a href="https://www.indofood.com/" target="_blank"><img alt="Arla Indofood" src="<?php bloginfo('stylesheet_directory');?>/images/indofood-nutrition.png"></a>
</div>
<i class="fa fa-search"></i>
<div id="msearch" class="msearch">
<div class="detail1" style="background-image: url('<?php the_field('background',188);?>');">
<a href="javascript:void(0)" class="mclosebtn" onclick="closeNav()">×</a>
<div id="inputsearch">
<form action="<?php echo home_url('pencarian');?>" method="get">
<input type="text" name="val" id="search-bar" placeholder="Cari di Arla Indofood" required>
<button type="submit"><img src="<?php bloginfo('stylesheet_directory');?>/images/pencarian-jeruk-kecil.png"></button>
</form>
</div>
</div>
<div class="detail2">
<ul>
<li><h5><?php the_field('title',188);?></h5></li>
<?php if(have_rows('populer',188)): ?>
<?php while (have_rows('populer',188)): the_row(); ?>
<li><a href=""><?php the_sub_field('title');?></a></li>
<?php endwhile; ?>
<?php endif; ?>
</ul>
</div>
</div>
<div class="sidenav">
<?php wp_nav_menu(array(
'name' => 'Main Menu',
'items_wrap' => my_nav_wrap()
)); ?>
</div>
</div>
<!-- Main -->
<style type="text/css">
.menu,.mnav,.arlasearch{display: none !important;}
.info{padding: 100px 60px !important;}
.info .box{margin:0 auto -140px;width:50%;}
</style>
<div id="contact" class="col-lg-12 main">
<div class="row">
<!-- Introduction -->
<div class="col-lg-12 header2" style="background-image: url('<?php the_field('background', 46);?>');">
<!-- Side Search -->
<?php include "page-sidesearch.php"; ?>
<div class="boxv">
<h1>Sampling Form</h1>
<p><?php the_field('description', 46);?></p>
</div>
</div>
<!-- Info -->
<div class="col-lg-12 info">
<div class="box">
<?php echo do_shortcode('[contact-form-7 id="948" title="Sampling"]'); ?>
</div>
</div>
<?php endwhile; ?>
<?php get_footer(); ?>