-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathBehaviour.html
More file actions
92 lines (89 loc) · 7.06 KB
/
Behaviour.html
File metadata and controls
92 lines (89 loc) · 7.06 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>ESP Behaviour mobile application</title>
<meta name="description" content="Aaron Edge worked on the development team for the mobile application ESP Behaviour.">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/css/lightbox.min.css">
<link rel="stylesheet" href="assets/css/styles.min.css">
</head>
<body style="background-color: rgb(44,62,80);">
<header style="height: 106px;">
<nav class="navbar navbar-light navbar-expand-lg fixed-top bg-secondary text-uppercase" id="mainNav">
<div class="container"><a class="navbar-brand js-scroll-trigger" href="index.html">Aaron Edge</a><button class="navbar-toggler navbar-toggler-right text-uppercase bg-primary text-white rounded" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive"
aria-expanded="false" aria-label="Toggle navigation"><i class="fa fa-bars"></i></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="nav navbar-nav ml-auto">
<li class="nav-item mx-0 mx-lg-1" role="presentation"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="index.html">Back</a></li>
</ul>
</div>
</div>
</nav>
</header>
<div style="background-color: #ffffff;">
<div class="container">
<div class="row">
<div class="col-lg-3 col-xl-3 text-center d-flex justify-content-center">
<div class="text-center d-flex justify-content-center justify-content-md-center" style="width: 100%;"><img class="rounded-circle d-flex justify-content-center" src="assets/img/Behaviour/BehaviourIcon.png" style="padding: 16px;width: 100%;max-width: 200px;max-height: 200px;"></div>
</div>
<div class="col-md-12 col-lg-9 col-xl-9 d-lg-flex d-xl-flex align-items-lg-center align-items-xl-center">
<h1 class="d-xl-flex" style="padding: 16px;padding-left: 0px;">ESP Behaviour</h1>
</div>
</div>
<div class="row">
<div class="col-12 col-md-12 col-lg-3 col-xl-3" style="width: 25%;">
<h3>Source:</h3><a class="d-inline-block" href="https://play.google.com/store/apps/details?id=uk.co.espthinking.espbehaviourlite" style="padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;">Google Play Store - ESP Behaviour Lite<br></a>
<a
class="d-inline-block" href="https://itunes.apple.com/gb/app/esp-behaviour-lite/id1328886347?mt=8" style="padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;">Apple App Store - ESP Behaviour Lite<br></a>
</div>
<div class="col-12 col-md-12 col-lg-9 col-xl-9 d-block">
<h6 class="d-block d-print-block d-sm-block d-md-block d-lg-block d-xl-block align-self-start justify-content-xl-start">Description</h6>
<p class="d-block">ESP behaviour lite is a mobile classroom behaviour recorder, that uses directional flicks to record the data on the fly.<br><br>This mobile app used firebase to store the collected data so that it could display statistical information
in realtime on the accompanying web app. This feature required the intergration of google sign-in.</p>
<h6 class="d-block">Client</h6>
<p>ESP Thinking LTD</p>
<h6>Skills</h6>
<p>Rest API</p>
<h6>Technologies</h6>
<p>WinDev Mobile<br>Firebase<br>Google Auth</p>
<h6>Media</h6><img class="img-fluid" src="assets/img/Behaviour/B_Screen_Main.png" width="300" style="margin: 8px;"><img class="img-fluid" src="assets/img/Behaviour/B_Screen_Title.png" width="300" style="margin: 8px;"><img class="img-fluid" src="assets/img/Behaviour/B_Screen_Stats.png" width="300" style="margin: 8px;">
<img
class="img-fluid" src="assets/img/Behaviour/B_Screen_Setup.png" width="300" style="margin: 8px;"><img class="img-fluid" src="assets/img/Behaviour/B_Screen_Login.png" width="300" height="100" style="max-height: 100%;margin: 8px;"></div>
</div>
<div class="row">
<div class="col text-center"><iframe width="560" height="315" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/pD0qFfgD9K4?showinfo=0&rel=0" style="padding: 0;margin: 5%;"></iframe></div>
</div>
</div>
</div>
<div class="photo-gallery">
<div class="container">
<div class="row photos">
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="building.jpg" data-lightbox="photos"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="loft.jpg" data-lightbox="photos"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="building.jpg" data-lightbox="photos"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 offset-xl-0 item"><a href="loft.jpg" data-lightbox="photos"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 offset-xl-0 item" style="height: 100;max-height: 200;"><a href="desk.jpg" data-lightbox="photos"></a></div>
</div>
</div>
</div>
<section style="padding-top: 0px;padding-bottom: 0px;background-color: #ffffff;">
<div class="container text-center" style="height: auto;margin-bottom: 30px;margin-top: 0;padding-top: 15px;padding-bottom: 15px;"><a class="btn btn-primary text-center" role="button" href="index.html">Go back to portfolio</a></div>
</section>
<footer style="background-color: #2c3e50;">
<div class="copyright py-4 text-center text-white" style="background-color: rgba(26,37,47,0);">
<div class="container"><small>Copyright © Aaron Edge 2019</small></div>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.2.1/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/js/lightbox.min.js"></script>
<script src="assets/js/script.min.js"></script>
</body>
</html>