/
layout.server.view.html
151 lines (135 loc) · 7.9 KB
/
layout.server.view.html
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
148
149
150
151
<!DOCTYPE html>
<html lang="en">
<head>
<title>{{title}}</title>
<!-- General META -->
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- Semantic META -->
<meta name="keywords" content="{{keywords}}">
<meta name="description" content="{{description}}">
<!-- Facebook META -->
<meta property="fb:app_id" content="{{facebookAppId}}">
<meta property="og:site_name" content="{{title}}">
<meta property="og:title" content="{{title}}">
<meta property="og:description" content="{{description}}">
<meta property="og:url" content="{{url}}">
<meta property="og:image" content="/img/new/logo2.png">
<meta property="og:type" content="website">
<!-- Twitter META -->
<meta name="twitter:title" content="{{title}}">
<meta name="twitter:description" content="{{description}}">
<meta name="twitter:url" content="{{url}}">
<meta name="twitter:image" content="/img/new/logo2.png">
<!-- Fav Icon -->
<link rel="icon" href="img/favicon.ico?v=2" type="image/x-icon">
<link rel="shortcut icon" href="img/favicon.ico?v=2" type="image/x-icon" />
<!--CSS-->
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/camera.css">
<link rel="stylesheet" href="css/contact-form.css">
<link rel="stylesheet" href="fonts/font-awesome.css">
<!--JS-->
<script src="js/jquery.js"></script>
<script src="js/jquery-migrate-1.2.1.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.mobilemenu.js"></script>
<script src="js/jquery.equalheights.js"></script>
<script src="js/camera.js"></script>
<script src='//maps.googleapis.com/maps/api/js?v=3.exp&sensor=false'></script>
<script src="js/TMForm.js"></script>
<script src="js/modal.js"></script>
<script src="js/bootstrap-filestyle.js"></script>
<script src="lib/instafeed.js/instafeed.min.js"></script>
<!--[if (gt IE 9)|!(IE)]><!-->
<script src="js/wow/wow.js"></script>
<script src="js/wow/device.min.js"></script>
<script src="js/jquery.mobile.customized.min.js"></script>
<!--<![endif]-->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<div id="ie6-alert" style="width: 100%; text-align:center;">
<img src="http://beatie6.frontcube.com/images/ie6.jpg" alt="Upgrade IE 6" width="640" height="344" border="0" usemap="#Map" longdesc="http://die6.frontcube.com" />
<map name="Map" id="Map"><area shape="rect" coords="496,201,604,329" href="http://www.microsoft.com/windows/internet-explorer/default.aspx" target="_blank" alt="Download Interent Explorer" /><area shape="rect" coords="380,201,488,329" href="http://www.apple.com/safari/download/" target="_blank" alt="Download Apple Safari" /><area shape="rect" coords="268,202,376,330" href="http://www.opera.com/download/" target="_blank" alt="Download Opera" /><area shape="rect" coords="155,202,263,330" href="http://www.mozilla.com/" target="_blank" alt="Download Firefox" />
<area shape="rect" coords="35,201,143,329" href="http://www.google.com/chrome" target="_blank" alt="Download Google Chrome" />
</map>
</div>
<![endif]-->
</head>
<body data-ng-controller="HeaderController" data-ng-cloak class="ng-cloak" data-ng-init="wow_init()">
<!--header-->
<div class="main">
<header class="clearfix" data-ng-class="{indent: state.current.name === 'home'}">
<h1 class="navbar-brand navbar-brand_ wow fadeInLeft" data-wow-delay="0.2s"><a href="/#!/"><img data-ng-src="img/new/logo2.png" alt="logo"></a></h1>
<nav class="navbar navbar-default navbar-static-top tm_navbar clearfix wow fadeInDown" role="navigation">
<ul class="nav sf-menu clearfix">
<li data-ng-class="{active: state.current.name === 'home'}"><a href="/#!/">Home</a>
</li>
<li data-ng-class="{active: state.current.name === 'about-us'}"><a href="/#!/about-us">About Us</a>
</li>
<li data-ng-class="{active: state.current.name === 'where-to-buy'}"><a href="/#!/where-to-buy">Where To Buy</a>
</li>
<li data-ng-class="{active: state.current.name === 'products'}"><a href="/#!/products">Products</a>
</li>
<!--<li data-ng-class="{active: state.current.name === 'gallery'}"><a href="/#!/gallery">Gallery</a>
</li> -->
<li data-ng-class="{active: state.current.name === 'contacts'}"><a href="/#!/contacts">Contacts</a>
</li>
</ul>
</nav>
</header>
</div>
<div class="slider" data-ng-show="state.current.name === 'home'" data-ng-if="state.current.name === 'home'" data-ng-init="camera_init()">
<div class="camera_wrap">
<div data-src="img/new/herdhills.jpg">
<div class="camera_caption fadeIn">
<p class="title">we produce Fresh Food
<p class="description">As a manufacturer of pasteurized cattle, our vision is to be the leader in manufacturing and
<br>licensing of safe pasteurized shell cattle (PSE) and pasteurizing technology</p><a href="#" class="btn-default btn1">learn more</a>
</div>
</div>
<div data-src="img/new/tractor-dirt-slide.jpg">
<div class="camera_caption fadeIn">
<p class="title">Taste our Delicious
<br>and nutritious cattle</p>
<p class="description">As a manufacturer of pasteurized cattle, our vision is to be the leader in manufacturing and
<br>licensing of safe pasteurized shell cattle (PSE) and pasteurizing technology</p><a href="#" class="btn-default btn1">learn more</a>
</div>
</div>
<div data-src="img/new/herdgrassknowls.JPG" >
<div class="camera_caption fadeIn">
<p class="title">Very yummy cattle, with
<br>an orange yolk</p>
<p class="description">As a manufacturer of pasteurized cattle, our vision is to be the leader in manufacturing and
<br>licensing of safe pasteurized shell cattle (PSE) and pasteurizing technology</p><a href="#" class="btn-default btn1">learn more</a>
</div>
</div>
</div>
</div>
<!--content-->
<div class="content" data-ng-class="{indent: state.current.name !== 'home'}" data-ng-cloak class="ng-cloak">
<!-- indent class for not home page -->
{% block content %}{% endblock %}
</div>
<!--footer-->
<footer data-ng-include="'/modules/core/views/footer.client.view.html'"></footer>
<ng-include data-ng-show="state.current.name === 'home'" src="'/modules/core/views/google-map.client.view.html'"></ng-include>
<script src="js/bootstrap.min.js"></script>
<script src="js/tm-scripts.js"></script>
<!--Application JavaScript Files-->
{% for jsFile in jsFiles %}
<script type="text/javascript" src="{{jsFile}}"></script>{% endfor %} {% if process.env.NODE_ENV === 'development' %}
<!--Livereload script rendered
<script type="text/javascript" src="http://{{request.hostname}}:35729/livereload.js"></script>
-->
{% endif %}
</body>
</html>