/
index.html
96 lines (96 loc) · 4.62 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
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
<!DOCTYPE html>
<html>
<head>
<title>Grok | SimonComputing</title>
<link rel="stylesheet" href="../css/normalize.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=Baloo" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Martel" rel="stylesheet">
<link href="../css/splash.css" rel="stylesheet">
</head>
<body>
<!-- <div class="droplet1"></div>
<div class="droplet0"></div>
<div class="droplet2"></div>
<div class="droplet3"></div>
<div class="droplet4"></div>
<div class="droplet5"></div>
<div class="droplet6"></div>
<div class="droplet7"></div>
<div class="droplet8"></div> -->
<ul class="nav-top">
<li>
<a href="http://www.SimonComputing.com">
<img src="../img/sc-logo-black.png" width="22" height="22"> SimonComputing
</a>
</li>
<li>
<a href="http://www.github.com/simoncomputing/grok">
<img src="../img/github.png" width="22" height="22"> Fork on Github
</a>
</li>
</ul>
<h1 class="big">Grok</h1><h4 style="display: inline; margin-left: 12px;">v1.0-beta</h4>
<h3 class="little">: to understand profoundly and intuitively</h3>
<svg viewBox="0 0 500 200">
<path d="M0,75 C250,125 350,0 500,75 L500,00 L0,0 Z" style="stroke: none; fill:steelblue;"></path>
</svg>
<div class="container-fluid" style="margin-top: 75px;">
<div class="row" style="background-color: rgba(236, 239, 241, 1.0)">
<div class="col-md-7 offset-20">
<h2 style="color: gray;">The Open Learning Platform</h2>
<p class="txt">
Grok is a platform for learning programming languages and technologies. The explanations given are clear and concise. We believe that showing is better than telling, so we made Grok interactive. You can code and see your output without having to leave the browser. You do not have to sign up for this service. We adhere to the following principles:
<ol class="txt">
<li>Forever free</li>
<li>No advertisements</li>
<li>Open source</li>
</ol>
</p>
</div>
</div>
<div class="row cards">
<a class="card col-md-3 offset-20" href="javascript/">
<header>
<h2>JavaScript</h2>
</header>
<p>Learn the fundamentals of the language that powers the world wide wibe. JavaScript is primarily used as a client side scripting language, but is growing in popularity server side for its use in Node.JS</p>
</a>
<a class="card col-md-3 col-md-offset-1" href="typescript/">
<header>
<h2>TypeScript</h2>
</header>
<p>TypeScript adds much needed type capabilities to JavaScript. Learn to write safe and reliable code with this language backed by Microsoft.</p>
</a>
</div>
<!-- <div class="row cards">
<a class="card col-md-3 offset-20 disabled">
<header>
<h2>Angular</h2>
</header>
<p>Angular is the premier front end web framework. With the recent release of Angular2, based on TypeScript, more developers are making the switch to this powerful library.</p>
</a>
<a class="card col-md-3 col-md-offset-1 disabled">
<header>
<h2>Karma + Jasmine</h2>
</header>
<p>You gotta test your code! Learn the ins and outs of front end testing with the Karma test runner and the Jasmine behavior-driven test framework.</p>
</a>
</div>
<div class="row cards">
<a class="card col-md-3 offset-20 disabled">
<header>
<h2>D3</h2>
</header>
<p>D3.js is a JavaScript library for manipulating documents based on data. D3 combines powerful visualization and interaction techniques with a data-driven approach to DOM manipulation. </p>
</a>
<a class="card col-md-3 col-md-offset-1 disabled">
<header>
<h2>Bootstrap CSS</h2>
</header>
<p>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.</p>
</a>
</div>
--> </div>
</body>
</html>