-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·62 lines (55 loc) · 3.33 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<style type="text/css">
.navbar-nav-svg { width: 16px; height: 16px; }
.nav-link { font-size: medium; }
.nav-link:HOVER { text-decoration: none; }
</style>
<title>Distilled SCH - Technical Assessment</title>
</head>
<body>
<div class="container" style="padding-top: 15px;">
<div class="container-fluid">
<div class="jumbotron">
<h2>Distilled SCH - Technical Assessment</h2>
<p>Please pick one of the below options</p>
<p>
<a class="nav-link" href="https://github.com/amrbedair/daft-task" target="_blank" rel="noopener" aria-label="GitHub">
<svg class="navbar-nav-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 499.36" focusable="false"><title>GitHub</title><path d="M256 0C114.64 0 0 114.61 0 256c0 113.09 73.34 209 175.08 242.9 12.8 2.35 17.47-5.56 17.47-12.34 0-6.08-.22-22.18-.35-43.54-71.2 15.49-86.2-34.34-86.2-34.34-11.64-29.57-28.42-37.45-28.42-37.45-23.27-15.84 1.73-15.55 1.73-15.55 25.69 1.81 39.21 26.38 39.21 26.38 22.84 39.12 59.92 27.82 74.5 21.27 2.33-16.54 8.94-27.82 16.25-34.22-56.84-6.43-116.6-28.43-116.6-126.49 0-27.95 10-50.8 26.35-68.69-2.63-6.48-11.42-32.5 2.51-67.75 0 0 21.49-6.88 70.4 26.24a242.65 242.65 0 0 1 128.18 0c48.87-33.13 70.33-26.24 70.33-26.24 14 35.25 5.18 61.27 2.55 67.75 16.41 17.9 26.31 40.75 26.31 68.69 0 98.35-59.85 120-116.88 126.32 9.19 7.9 17.38 23.53 17.38 47.41 0 34.22-.31 61.83-.31 70.23 0 6.85 4.61 14.81 17.6 12.31C438.72 464.97 512 369.08 512 256.02 512 114.62 397.37 0 256 0z" fill="currentColor" fill-rule="evenodd"/></svg>
View on GitHub
</a>
</p>
</div>
</div>
<div class="container-fluid">
<div class="col-sm-4">
<h3 >Yii2</h3>
<p>Regular app using Yii 2 framework, jQuery, and Bootstrap for styling</p>
<p><a href="yii2/web" class="btn btn-primary btn-lg" role="button">Go</a></p>
</div>
<div class="col-sm-4">
<h3 >Laravel + Vue.js</h3>
<p>SPA using Vue.js for frontend, and Laravel micro-framework "Lumen" for back end.</p>
<p>Please note I am not using lot of feature like server side rendering, and single file component, for simplicity purposes</p>
<p>Also I am not using TypeScript although I am big fan of it for the same reason</p>
<p><a href="laravel-vuejs/frontend" class="btn btn-danger btn-lg" role="button">Go</a></p>
</div>
<div class="col-sm-4" style="color: gray;">
<h3 >Vue.js</h3>
<p>SPA using only Vue.js accessing the API directly from the client side</p>
<p>[Sorry no time for this]</p>
<p><button href="#" class="btn btn-success btn-lg" role="button" disabled="disabled">Go</button></p>
</div>
</div>
</div>
</body>
</html>