marriott-nicar/dining.html at master · cloudstitch/marriott-nicar · GitHub

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
<!doctype html>
<html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]> <html class="no-js"> <![endif]-->
    <head>
    <meta charset="utf-8"><!--[if IE]> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
    <title>Dining</title>
    <meta content="Your meta description" name="description">
    <meta content="No HTML is allowed in here." name="keywords">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" name="viewport">

    <!--[if IE]><link rel="stylesheet" type="text/css" href="css/font-awesome-ie7.css"><![endif]-->

    <!-- Shortcut Logos -->
    <link href="images/demo_content/metroentrance1.jpg" rel="apple-touch-icon-precomposed" sizes="114x114"><!-- Home logo -->
    <link href="images/demo_content/metroentrance57.jpg" rel="shortcut icon"><!-- Fav icon logo-->
    <!-- /Shortcut Logos -->

    <link href='./fa/css/font-awesome.css' media='all' rel='stylesheet' type='text/css'><!-- General Style -->

    <!-- Style -->
    <link href='css/style.css' id='styles-css' media='all' rel='stylesheet' type='text/css'>
    <link href='ted.css' id='styles-css' media='all' rel='stylesheet' type='text/css'>

    <!-- / Style -->

    <!-- Scripts -->
  <script src='js/jquery-2.1.1.min.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/bootstrap.min.js' type='text/javascript'></script>
    <script src='js/spinner.js' type='text/javascript'></script>
    <script src='js/jquery.mobile.customized.min.js' type='text/javascript'></script>
    <script src='js/vendor/modernizr-2.6.1.min.js' type='text/javascript'></script>
    <!-- / Scripts -->

<script src="http://static.cloudstitch.io/cloudstitch.js" app="ted/marriot-nicar-guide"></script>
<link type="cloudstitch/gsheet" href="http://cloudstitch.io/ted/marriot-nicar-guide/datasource/sheet" />

</head>
<body>

    <!-- Loading Message -->
    <div class="spinnerbg">
    <div id="spinner">
        <span id="first" class="ball"></span>
        <span id="second" class="ball"></span>
        <span id="third" class="ball"></span>
    </div>
    </div>
    <!-- /Loading Message -->


    <!-- Wrapper -->
    <div class="wrapper">
      <!-- Scrollable -->
        <div class="scrollable">
            <header>
                    <h1 style="margin-left:90px; padding-top:3px;">Dining</h1>
                    <a href="index.html" class="back-button linkbut"></a>
                    <div class="line"></div>
            </header>

            <div class="MiddleContent">
            <!--START BLOG POSTS-->
            <!--START POST-->

            <div connect="Restaurants!rows">


                <div class="info-card post mainbox" id="post-274">
                <div class="inside_content">
                    <!--START POST-TITLE-->
                    <div class="post-title">
                        <h2 class="title" style="margin-bottom:0px" connect="Restaurants!col(Name)"></h2>
                        <p><i connect="Restaurants!col(Type)"></i>
                        <span class="cost" connect="Restaurants!col(ExpenseRating)" show-if="Restaurants!col(ExpenseRating)"></span>
                        </p>

                    </div>
                    <div class="post-content">
                      <p connect="Restaurants!col(Description)"></p>
                    </div>
                    <p align="left">
                        <a data-cts='this :if-exist sheet|Restaurants!col(Phone); this {"attribute": "href", "prefix": "tel:"} :is sheet|Restaurants!col(Phone);' class="btn btn-sm btn-success action" href="#"><i class="fa fa-phone"></i> &nbsp; Call</a>
                        <a data-cts='this :if-exist sheet|Restaurants!col(Address); this {"attribute": "href", "prefix": "https://www.google.com/maps/place/"} :is sheet|Restaurants!col(Address);' class="btn btn-sm btn-success action"><i class="fa fa-map-marker"></i> &nbsp; Map</a>
                        <a show-if="Restaurants!col(ReviewsLink)" connect-href="Restaurants!col(ReviewsLink)" class="btn btn-sm btn-success action"><i class="fa fa-cutlery"></i> &nbsp; Reviews</a>
                        <a show-if="Restaurants!col(MenuLink)" connect-href="Restaurants!col(MenuLink)" class="btn btn-sm btn-success action" ><i class="fa fa-bars"></i> &nbsp; Menu</a>
                    </p>
                 </div>
                </div>
                <!--END POST-->


            </div>


        <!--END BLOG POSTS-->

        </div>

        </div>
        <!-- /Scrollable -->
    </div>
    <!-- /Wrapper -->

  <script type='text/javascript' src='js/loadanim.js'></script>
    <script type='text/javascript' src='js/main.js'></script>
    <script type='text/javascript' src='js/vendor/zepto.min.js'></script>

  </body>
</html>