forked from silcnitc/silcnitc.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
141 lines (139 loc) · 5.48 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>SILC | Home</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/style.css">
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<header class="center clearfix" id="navtop"> <a href="index.html" class="logo fleft"><img src="img/logo.png" alt="" /></a>
<nav class="fright">
<ul>
<li><a href="index.html" class="navactive">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">Code</a></li>
<li><a href="#">Roadmap</a></li>
<li><a href="documentation.html">Documentation</a></li>
</ul>
</nav>
</header>
<div class="main center">
<section class="part clearfix">
<header class="title clearfix">
<!--<p class="fleft">Home</p>
<a href="about.html" class="arrow more fright">see more infos</a> -->
</header>
<div class="column2 mright">
<h1>WRITE</h1><h1>YOUR OWN</h1><h1>COMPILER!</h1>
<p>This project aims to develop an online self-sufficient educational platform which can be used to tutor students in writing a compiler. The project will provide the students with a roadmap for the development process and guide them along the roadmap with supporting documentation. Using the step-by-step guidance offered by the roadmap, the students will be able to build
the compiler under minimal expert supervision.
</p>
<p>Proceed to <a href="#S1">Step 1</a> to get started. </p>
</div>
<img class ="fright homeimage" src="img/uc.jpg">
<!-- <div id="slides" class="slider column2">
<div class="slides_container">
<div class="slide">
<figure> <img src="img/slider1.png" height = 50 width = 50>
<figcaption>
<div>
<!--<h5>Getting started</h5>
<p>Follow the three easy steps to get started</p>
</div>
</figcaption>
</figure>
</div>
<div class="slide">
<figure> <img src="img/slider2.png" alt="">
<figcaption>
<div>
<h5>Installation</h5>
<p>Set up the working environment<br>
<!--<a href="#">link text</a></p>-->
<!-- </div>
</figcaption>
</figure>
</div>
<div class="slide">
<figure> <img src="img/slider3.png" alt="">
<figcaption>
<div>
<h5>Documentation</h5>
<p>Get the documentation</p>
</div>
</figcaption>
</figure>
</div>
<div class="slide">
<figure> <img src="img/slider4.png" alt="">
<figcaption>
<div>
<h5>Roadmap</h5>
<p>Proceed to the roadmap!</p>
</div>
</figcaption>
</figure>
</div>
</div>
</div> -->
</section>
<section class="part clearfix">
<header class="title clearfix">
<p class="fleft"><h5>The three steps</h5></p>
<!--<a href="services.html" class="arrow more fright">see more services</a>--> </header>
<article class="column3 mright services">
<p class="number"><a id="S1"></a>Step 1</p>
<div class="sepmini"></div>
<h5>Installation</h5>
<div class="sepmini"></div>
<p>This is the key to start. This section gives step-by-step instructions for installation of the compiler development tools and the C compiler which are used to develop SILC</p>
<a href="install.html" class="arrow fright">proceed to the installation</a>
</article>
<article class="column3 mright services">
<p class="number">Step 2</p>
<div class="sepmini"></div>
<h5>Documentation</h5>
<div class="sepmini"></div>
<p> This section contains all the documentation that the student requires in order to develop the perfect Simple Integer Language Compiler.
</p>
<a href="documentation.html" class="arrow fright">proceed to the documentation</a>
</article>
<article class="column3 services">
<p class="number">Step 3</p>
<div class="sepmini"></div>
<h5>Roadmap</h5>
<div class="sepmini"></div>
<p>Well, as the name suggests, this is the route to take during the journey. This section is the guide to proper usage of the documentation and the tools.</p>
<a href="uc.html" class="arrow fright">proceed to the roadmap</a>
</article>
</section>
</div>
<footer class="center part clearfix">
<ul class="social column3 mright">
<li><a href="https://github.com/silcnitc">Github</a></li>
<!-- <li><a href="#">Facebook</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">Google+</a></li>
<li><a href="#">Flickr</a></li>
-->
</ul>
<div class="up column3 mright"> <a href="#navtop" class="ir">Go up</a> </div>
<nav class="column3">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="uc.html">Contact</a></li>
</ul>
</nav>
</footer>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.5.1.min.js"><\/script>')</script>
<script src="js/slides.min.jquery.js"></script>
<script src="js/scripts.js"></script>
<!--[if (gte IE 6)&(lte IE 8)]>
<script src="js/selectivizr.js"></script>
<![endif]-->
</body>
</html>