Design-Jam---Smarty/index.html at master · subatheesh/Design-Jam---Smarty · 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
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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>SMARTY</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="apple-touch-icon" href="apple-touch-icon.png">
        <link rel="icon" type"image/x-icon" href="img/house1.ico" />
        <!-- Place favicon.ico in the root directory -->

        <link rel="stylesheet" href="css/skeleton.css">
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <script src="js/vendor/modernizr-2.8.3.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <!-- Add your site or application content here -->

      <div class="home slide1  ">
        <header class="head">
          <div class="logo">
            <img src="img/logo.png" height="100%" />
          </div>
          <div class="menu">
            <ul> <a href="#home"><li>Home</li></a>
                <a href="#about"><li>About </li></a>
                <a href="#feature"><li>Features </li></a>
                <a href="#work"><li>How It Works</li></a>
                <a href="#contact"><li>Contact</li></a></ul>
          </div>
        </header>
        <div  class="home-content"id="home">
            <div class="sm">SM</div>
            <div class="house" ><img src="img/house.png" width="100px" height="110px"/></div>
            <div class="rty">RTY</div>
            <div class="subline">Giving Life To Home</div>
            <div class="subtext">Smart Home Smart Society</div>
        </div>
      </div>

      <div class="about" id="about">
        <div class="title">ABOUT<div>&diams;&diams;&diams;</div></div>
        <p><b>Smarty</b> is a <b>Artificial Intelligent home</b> system which senses all our applicances and people inside home.  <b>Smarty</b> plays an important role when user are inside home and out of home. <b>Smarty</b> automatically senses threat and send alerts to the user through smarty <b>mobile app</b> or wearable devices.</p>
        <div class="info-graphic"><img src="img/Capture.png" /></div>
        <p><b>Smarty</b> helps in monitoring health, power consumption, water consumption predicts the future usage. It alerts us when other peoples enters our home without our knowledge.</p>
      </div>

      <div class="features-container" id="feature">
        <div class="title">FEATURES <div>&diams;&diams;&diams;</div></div><br>
        <div class="home-app features left">
            <div class="feature-title ">
              Home Appliances Control
            </div>
            <div class="desc">
              <b>Smarty<b> monitor and control all appliances in the home, so that it could conserve more power.
            </div>
        </div>
        <div class="resource-monitor  features right">
            <div class="feature-title">
              Resource Monitoring
            </div>
            <div class="desc">
              <b>Smarty</b> keeps track of water and electricity consumption and also displays statistics when user prompt it.
            </div>
        </div>
        <div class="security-alert features left">
            <div class="feature-title">
              Disaster Alerts
            </div>
            <div class="desc">
              when <b>Smarty </b> predicts the disaster to be occured, It analyse and provides the safe path of evacuvation and time.
            </div>
        </div>
        <div class="disaster-alert features right">
            <div class="feature-title">
              Security Alerts
            </div>
            <div class="desc">
              <b> Smarty</b> alerts us incase of security issues like theft, leakages etc... <br /><br />
            </div>
        </div>
      </div>

      <div class="container work" id="work">
       <div class="title">HOW IT WORKS <div>&diams;&diams;&diams;</div></div>
        <div class="row">
          <div class="columns six">
            <div class="img img-left"><img src="img/login.png" /></div>
            <div class="future flow-left"><div class="flow-title">Login</div>
            <div class="flow-desc">User should login with either Biometric or password to control the Smarty system.</div></div>
          </div>
          <div class="columns six">
          </div>
        </div>
        <div class="row">
          <div class="columns six">
          </div>
          <div class="columns six">
            <div class="future flow-right"><div class="flow-title">User Configuration</div>
            <div class="flow-desc">User need to configure the system for the first time as per his/her wish to do things.</div></div>
            <div class="img img-right"><img src="img/userconf.png" /></div>
          </div>
        </div>
        <div class="row">
          <div class="columns six">
            <div class="img img-left"><img src="img/analytic.png" /></div>
            <div class="future flow-left"><div class="flow-title">Analytics</div>
            <div class="flow-desc ">Smarty system displays the statistic of each and every equipment to the user over a period of time.</div></div>
          </div>
          <div class="columns six">
          </div>
        </div>
        <div class="row">
          <div class="columns six">
          </div>
          <div class="columns six">
            <div class="future flow-right"><div class="flow-title">Usability and Alerts</div>
            <div class="flow-desc">User can control the System anytime using VOICE command or UI . Smarty alerts user incase any emergencies.</div></div>
            <div class="img img-right"><img src="img/ua.png" /></div>
          </div>
        </div>
      </div>
      <div class="linker"><img src="img/link.png" class="link" /></div>
      <div class="contact" id="contact">
        <div class="title" >CONTACT<div>&diams;&diams;&diams;</div></div>
        <div class="contact-content">
          <div class="form-elem">
            <form class="form" action="mailto:subatheeshrt@gmail.com" method="post" enctype="text/plain">
              NAME:<br>
              <input type="text" class="text"/><br>
              E-MAIL:<br>
              <input type="email" class="email"/><br>
              YOUR MESSAGE:<br>
              <input type="textarea" class="textarea"/><br><br>
              <input type="submit" class="submit"/><br>
            </form>
          </div>
          <div class="add">
              <div class="team" >Mind Blowers</div>
              <div class="event" >Design Jam </div>
              <div class="company">ThoghtWorks </div>
              <div class="twitter"><a href="www.twitter.com">https://twitter.com/mind.blowers.995/smarty/?href</a></div>
              <div class="facebook"><a href="ww.facebook.com">https://facebook.com/mind.blowers.9/smarty?=!</a></div>
          </div>
        </div>
      </div>

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.3.min.js"><\/script>')</script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>
        <!-- <script src="js/jquery.js"></script> -->

        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
        <script>
            (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
            function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
            e=o.createElement(i);r=o.getElementsByTagName(i)[0];
            e.src='https://www.google-analytics.com/analytics.js';
            r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
            ga('create','UA-XXXXX-X','auto');ga('send','pageview');
        </script>
    </body>
</html>