Newer
Older
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
<!DOCTYPE HTML>
<!--
Synchronous by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
<head>
<title>Assignment 1 </title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-panels.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
</noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="css/ie/v9.css" /><![endif]-->
</head>
<body class="homepage">
<div id="wrapper">
<!-- Header -->
<div id="header">
<div class="container">
<!-- Logo -->
<div id="logo">
<h1><a href="assignment1.html">Principle & Practises, Project Management</a></h1>
<span>Assignment 1</span>
</div>
<!-- Nav -->
<nav id="nav">
<ul>
<li class="active"><a href="..//index.html">Home</a></li>
<li><a href="..//about me.html">About Me</a></li>
<li><a href="assignment.html">Assignment</a></li>
<li><a href="..//my project.html">My Project</a></li>
<li><a href="..//contact.html">Contact Us</a></li>
</ul>
</nav>
</div>
</div>
<!-- /Header -->
<div id="page">
<div class="container">
<div class="row">
<div class="9u skel-cell-important">
<section id="content" >
<header>
<h2 style="color:blueviolet">Project Idea</h2>
<h3 style="color:crimson"> <strong>Idea 1: Energy Efficient Metal Chulha for Solid Biomass by using Solar Operated Fan</strong></h3>
</header>
<h4>Need of the Project</h4>
<p style="justify-content: center"><strong> •In India, the burning of biomass in Chulhas for cooking food has been done for generations.
• Even today, more than 60% of the rural population of India depends on biomass fuel for cooking.
• The Chulha is a very inefficient device and only 10-20% of heat is consumed for cooking.
• The burning of biomass in open stoves results in the release of smoke and high concentration of particulate matter.
• These air pollutants are harmful for women and small children who are very often present in the kitchen for longer hours.
• Due to the wastage of energy, the time required for cooking is also high.
</p>
<p>• Very often, the biomass is collected from nearby forests and requires long hours of labour.
• If the biomass is purchased then it is a big burden for the household budget. Thus, a policy was initiated to improve the efficiency of cook stoves.
• The improved cooking stove consumes less fuel and requires less time for cooking.
• These stoves also emit less smoke and compared to traditional stoves improve indoor air quality by releasing harmful gases via the chimney.
.</p>
<p> </strong></p>
<p style="justify-content: center"><strong> The Traditional Mud Chulha emitted considerable amount of toxic component,
which can adversely affect the human health on direct exposure. To overcome this problem, I am going to developed an Energy Efficient metal chulha for solid biomass by using Solar operated fan, which significantly reduces energy loss and cooking time. It is expected that,
the energy efficient metal chulha reduced specific fuelwood consumption, increased efficiencies and lower emissions
of pollutants including PM10, PM2.5, NOX, SOX and CO. </strong></p>
<a href="#" class="button">Full Article</a>
<div class="row">
<div class="col">
<div class="card text-center">
<div class="oval"><img src="img/learn-img.jpg" width="75%"
height="300" class="svg__image"> </div>
<h4>Introduction</h4>
<p style="justify-content: center"><strong> Cooking and heating with dried biomass release toxic pollutants in the indoor environment.
The inefficient way to burn solid biomass fuel releases a large amount of air pollutants,
including fine particles (PM10 and PM2.5) and gaseous pollutants
(CO, SOX
and NOX) that present a high environmental risk.<br> Therefore, the objectives of my project
is to develop an improved metal chulha over commonly available traditional mud chulha
for rural households; This contribution helps to raise awareness about the need for improvement in design
and provides evidence data for policy implication and to switch on improved and better designed cookstoves
and better designed for health care of the rural people, their economic concerns and climate benefits. </strong></p>
<br> <br>
<h4>Sketch of project </h4>
<div class="row">
<div class="col">
<div class="card text-center">
<div class="oval"><img src="img/abc1.jpg" width="75%"
height="300" class="svg__image"> </div>
<br> <br>
<header>
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
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
<h4>Grantt Chart of project </h4>
<div class="row">
<div class="col">
<div class="card text-center">
<div class="oval"><img src="img/abcd.png" width="75%"
height="300" class="svg__image"> </div>
<br> <br>
<header>
<h4> Expected Output of the Project </h4>
</header>
<p style="justify-content: center"><strong> With Installation of Energy Efficient metal chulha it will enhances the thermal
efficiency with the reduction in specific amount of fuelwood consumption. It will further reduced the duration of time and
the amount of fuel to prepare a particular amount of food. It will also reduced the concentration of indoor air emission,
which reflects the lower concentration of pollutants into the indoor kitchen environment and help to reduce fuelwood
consumption and less exposure to smoke, especially women responsible for daily cooking in the indoor kitchen. </strong></p>
<br>
<br>
<header>
<h2 style="color:blueviolet">Website Development</h2>
</header>
<h4> 1. HTML and CSS </h4>
<p style="justify-content: center"><strong> HTML: The HTML is used to create web pages. I have seen that by writing down the words
i want to appear on my page. I have then added tags or elements to the words so that the browser knows what is a heading, where a
paragraph begins and ends, and so on. The rest of this section introduces the tags I have at my disposal to create web pages, grouped
chapters on: text, lists, links, images, tables, forms, video audio and flash, and miscellaneous elements.
To describe the structure of a web page, I have been added code to the words i want to appear on the page. I can see the HTML code
for this page below. </strong></p>
<div class="row">
<div class="col">
<div class="card text-center">
<div class="oval"><img src="img/Screenshot_1.png" width="75%"
height="300" class="svg__image"> </div>
<p style="justify-content: center"><strong> The HTML code (in blue) is made up of characters that live inside angled brackets —
these are called HTML elements. Elements are usually made up of two tags: an opening tag and a closing tag. (The closing tag has
an extra forward slash in it.) Each HTML element tells the browser something about the information that sits between its opening
and closing tags. <br>
CSS: The CSS uses rules to enable to control the styling and layout of web pages. I have then go on to look at the wide variety
of CSS properties i can use in my CSS rules. These properties generally fall into one of two categories: <br>
Presentation: How to control things like the color of text, the fonts you want to use and the size of those fonts, how to add
background colors to pages (or parts of a page), and how to add background images. <br>
Layout: How to control where the different elements are positioned on the screen. I will also learn several techniques that
professionals use to make their pages more attractive.
</strong></p>
<br> <br>
<h4> 2. Attributes </h4>
<p style="justify-content: center"><strong> Attributes Tell Us More About Elements. Attributes provide additional information
about the contents of an element. They appear on the opening tag of the element and are made up of two parts: a name and a value,
separated by an equals sign. <br>
The attribute name indicates what kind of extra information you are supplying about the element's content. It should be written in lowercase. <br>
The value is the information or setting for the attribute. It should be placed in double quotes. Different attributes can have different values. <br>
Here an attribute called lang is used to indicate the language used in this element. The value of this attribute on this page specifies it is
in US English. </strong> </p>
<div class="row">
<div class="col">
<div class="card text-center">
<div class="oval"><img src="img/Screenshot_2.png" width="75%"
height="200" class="svg__image"> </div>
<br> <br>
<h4> 3.Body, Head & Title </h4>
<p style="justify-content: center"><strong> a. < body > I met the element in the first example what I created. Everything inside this element
is shown inside the main browser window. <br> b. <head> Before the element I have been seen a element. This contains information about the
page (rather than information that is shown within the main part of the browser window that is highlighted in blue on the opposite page).
You will usually find a < title > element inside the < head > element. <br>
c. < title > The contents of the < title > element are either shown in the top of the browser, above where you usually type in the URL
of the page you want to visit, or on the tab for that page (if your browser uses tabs to allow you to view multiple pages at the same time).
</strong> </p>
<div class="row">
<div class="col">
<div class="card text-center">
<div class="oval"><img src="img/Screenshot_3.png" width="75%"
height="100" class="svg__image"> </div>
<br> <br>
<h4> 4. Creating a First Web Page on my Laptop </h4>
<p style="justify-content: center"><strong> a. To create first web page on a my laptop, I have start a Notepad and Bracket. <br>b. Typed the code.
<br>c. Save this file as first-test. html. <br>
d. I have Started my web browser. Then I have go to the File menu and select Open. I browse the file that I have just created,
selected it and click on the Open button. The result should look something like the screen shot to the below.</strong> </p>
<div class="row">
<div class="col">
<div class="card text-center">
<div class="oval"><img src="img/Screenshot_5.png" width="75%"
height="200" class="svg__image"> </div>
<br> <br>
<h4> 5. Heading</h4>
<p style="justify-content: center"><strong> HTML has six "levels" of headings: </strong> </p>
<div class="row">
<div class="col">
<div class="card text-center">
<div class="oval"><img src="img/Screenshot_9.png" width="75%"
height="200" class="svg__image"> </div>
<br> <br>
<h4> 6. Paragraph </h4>
<p style="justify-content: center"><strong> To create a paragraph, surround the words that make up the paragraph with an opening
< p > tag and closing < / p > tag. </strong> </p>
<div class="row">
<div class="col">
<div class="card text-center">
<div class="oval"><img src="img/Screenshot_8.png" width="75%"
height="200" class="svg__image"> </div>
<br> <br>
<h4> 7. Link </h4>
<p style="justify-content: center"><strong> Links are the defining feature of the web because they allow me to move from one
web page to another — enabling the very idea of browsing or surfing. <br>
I will commonly come across the following types of links: <br>
● Links from one website to another ● Links from one page to another on the same website ● Links from one part of a web page to
another part of the same page ● Links that open in a new browser window ● Links that start up your email program and address a
new email to someone.
</strong> </p>
<div class="row">
<div class="col">
<div class="card text-center">
<div class="oval"><img src="img/Screenshot_11.png" width="75%"
height="300" class="svg__image"> </div>
<div class="row">
<div class="col">
<div class="card text-center">
<div class="oval"><img src="img/Screenshot_10.png" width="75%"
height="300" class="svg__image"> </div>
<br> <br>
<h4> 8. Adding Images Link </h4>
<p style="justify-content: center"><strong> To add an image into the page you need to use an < img> element.
This is an empty element (which means there is no closing tag). It must carry the following two attributes: <br>
src -This tells the browser where it can find the image file. This will usually be a relative URL pointing to
an image on your own site. <br>
alt -This provides a text description of the image which describes the image if you cannot see it. </strong> </p>
<div class="row">
<div class="col">
<div class="card text-center">
<div class="oval"><img src="img/Screenshot_12.png" width="75%"
height="200" class="svg__image"> </div>
<br> <br>
<h4> 9. CSS </h4>
<p style="justify-content: center"><strong> CSS allows us to create rules that specify how the content of an
element should appear. It will specify the background of the page, color of all paragraphs, type of heading ex.
blue, italic, Times typeface. <br>
CSS works by associating rules with HTML elements. These rules govern how the content of specified elements
should be displayed. A CSS rule contains two parts: a selector and a declaration. </strong> </p>
<div class="row">
<div class="col">
<div class="card text-center">
<div class="oval"><img src="img/Screenshot_13.png" width="75%"
height="100" class="svg__image"> </div>
<br> <br>
<p style="justify-content: center"><strong> CSS declarations sit inside curly brackets and each is made up of two
parts: a property and a value, separated by a colon.
</strong> </p>
<div class="row">
<div class="col">
<div class="card text-center">
<div class="oval"><img src="img/Screenshot_14.png" width="75%"
height="100" class="svg__image"> </div>
<br> <br>
<p style="justify-content: center"><strong> Here you can see a my web page that is styled using CSS</strong> </p>
<div class="row">
<div class="col">
<div class="card text-center">
<div class="oval"><img src="img/Screenshot_15.png" width="75%"
height="200" class="svg__image"> </div>
<br> <br>
<h4> 10. Color </h4>
<p style="justify-content: center"><strong> The color property allows us to specify the color of text inside an element.
We can specify any color in CSS in one of three ways:<br>
RGB VALUES: These express colors in terms of how much red, green and blue are used to make it up. For example: rgb(100,100,90) <br>
HEX CODES: These are six-digit codes that represent the amount of red, green and blue in a color, preceded by a pound or hash # sign. For example: #ee3e80 <br>
COLOR NAMES: There are 147 predefined color names that are recognized by browsers. For example: DarkCyan <br>
CSS treats each HTML element as if it appears in a box, and the background-color property sets the color of the background for that box.
If you do not specify a background color, then the background is transparent. </strong> </p>
<div class="row">
<div class="col">
<div class="card text-center">
<div class="oval"><img src="img/Screenshot_17.png" width="75%"
height="300" class="svg__image"> </div>
<div class="row">
<div class="col">
<div class="card text-center">
<div class="oval"><img src="img/Screenshot_16.png" width="75%"
height="300" class="svg__image"> </div>
<br> <br>
<header>
<h2 style="color:blueviolet">Version Control-Git Lab</h2>
</header>
<p style="justify-content: center"><strong> Git is a distributed version control system (DVCS). "Distributed" means that all developers within
a team have a complete version of the project. A version control system is simply software that lets you effectively manage application versions.
Thanks to Git, you'll be able to do the following: <br>
• Keep track of all files in a project <br>
• Record any changes to project files <br>
• Restore previous versions of files <br>
• Compare and analyze code <br>
• Merge code from different computers and different team members. </strong> </p>
<br> <br>
<h4> 1.Account </h4>
<p> <strong> Made an account on GitLab, signed in to the account and updated the profile: </strong> </p>
<div class="row">
<div class="col">
<div class="card text-center">
<div class="oval"><img src="img/Screenshot_18.png" width="75%"
height="300" class="svg__image"> </div>
<br> <br>
<h4> 2. Notification Setting </h4>
<p style="justify-content: center"><strong> In notification setting, I turned the Global notification level to Watch by doing this
I will receive all the notifications about my acitivity on GitLab. <br> </strong> </p>
<div class="row">
<div class="col">
<div class="card text-center">
<div class="oval"><img src="img/Screenshot_19.png" width="75%"
height="300" class="svg__image"> </div>
<br> <br>
<h4> 3. Generated the SSH key </h4>
<p style="justify-content: center"><strong> Under user settings, found the option to generate SSH keys. Used Git to
create keys and paste it on fabcloud. SSH keys were added for authentication. <br>
SSH Keys: SSH keys allow you to establish a secure connection between your computer and GitLab.</strong> </p>
<div class="row">
<div class="col">
<div class="card text-center">
<div class="oval"><img src="img/Screenshot_20.png" width="75%"
height="300" class="svg__image"> </div>
<br> <br>
<h4> 4. Git Pull </h4>
<p style="justify-content: center"><strong> git pull is a Git command used to update the local version of a repository from a remote. </strong> </p>
<br> <br>
<h4> 5. Git add --all </h4>
<p style="justify-content: center"><strong> Add files to the staging area by using the "git add" command and passing necessary options. </strong> </p>
<div class="row">
<div class="col">
<div class="card text-center">
<div class="oval"><img src="img/Screenshot_22.png" width="75%"
height="300" class="svg__image"> </div>
<br> <br>
<h4> 6. Git Commit </h4>
<p style="justify-content: center"><strong> The git commit command will save all staged changes, along with a brief description from the user, in a “commit”
to the local repository. </strong> </p>
<br> <br>
<h4> 7. Git Push </h4>
<p style="justify-content: center"><strong> The git push command allows me to send (or push) the commits from your local branch in my local Git
repository to the remote repository.
I am able to push to my remote repository, that I must ensure that all my changes to the local repository are committed.</strong> </p>
<div class="row">
<div class="col">
<div class="card text-center">
<div class="oval"><img src="img/Screenshot_23.png" width="75%"
height="300" class="svg__image"> </div>
<br> <br>
<h4> 8. Gitlab yml file </h4>
<p style="justify-content: center"><strong> gitlab-ci. yml file is a YAML file that I create on my project's root. This file automatically runs whenever
I push a commit to the server. This triggers a notification to the runner me specified in #3, and then it processes the series of tasks that I specified.</strong> </p>
<div class="row">
<div class="col">
<div class="card text-center">
<div class="oval"><img src="img/Screenshot_24.png" width="75%"
height="300" class="svg__image"> </div>
<div class="row">
<div class="col">
<div class="card text-center">
<div class="oval"><img src="img/Screenshot_25.png" width="75%"
height="300" class="svg__image"> </div>
<br> <br>
<h4> 9. Git Project Pipeline status </h4>
<p style="justify-content: center"><strong> In the pipelines settings page i can find pipeline status and test coverage badges for my project.
The latest successful pipeline will be used to read the pipeline status and test coverage values. <br>
But unfortunately my fist try is failed and I got mail also. Now again I will try. My status is pending now. I am waiting
</strong> </p>
<div class="row">
<div class="col">
<div class="card text-center">
<div class="oval"><img src="img/Screenshot_26.png" width="75%"
height="300" class="svg__image"> </div>
<div class="row">
<div class="col">
<div class="card text-center">
<div class="oval"><img src="img/Screenshot_27.png" width="75%"
height="300" class="svg__image"> </div>
<br> <br>
<h4> What i learn? </h4>
<p style="justify-content: center"><strong>
• HTML pages are text documents. <br>
• X HTML uses tags (characters that sit inside angled brackets) to give the information they surround special meaning. <br>
• X Tags are often referred to as elements. <br>
• X Tags usually come in pairs.<br>
• The opening tag denotes the start of a piece of content; the closing tag denotes the end.
X Opening tags can carry attributes, which tell us more about the content of that element. X Attributes require a name and a value. <br>
• X To learn HTML you need to know what tags are available for you to use, what they do, and where they can go.<br>
• HTML elements are used to describe the structure of the page (e.g. headings, subheadings, paragraphs).
X They also provide semantic information (e.g. where emphasis should be placed, the definition of any acronyms used,
when given text is a quotation). <br>
• X Links are created using the element. X The element uses the href attribute to indicate the page you are linking to. <br>
• The <img> element is used to add images to a web page. X You must always specify a src attribute to indicate the source
of an image and an alt attribute to describe the content of an image. X You should save images at the size you will be using
them on the web page and in the appropriate format. <br>
• CSS treats each HTML element as if it appears inside its own box and uses rules to indicate how that element should look. <br>
• X Rules are made up of selectors (that specify the elements the rule applies to) and declarations (that indicate what these
elements should look like). <br>
• X Different types of selectors allow you to target your rules at different elements. <br>
• X Declarations are made up of two parts: the properties of the element that you want to change,
and the values of those properties. <br>
• For example, the font-family property sets the choice of font, and the value arial specifies
Arial as the preferred typeface. X CSS rules usually appear in a separate document, although they may appear within an HTML page. <br>
• Color not only brings my site to life, but also helps convey the mood and evokes reactions. X There are three ways to specify
colors in CSS: RGB values, hex codes, and color names. X Color pickers can help you find the color what I want.
X It is important to ensure that there is enough contrast between any text and the background color. <br>
• There are properties to control the choice of font, size, weight, style, and spacing. <br>
• We can control the space between lines of text, individual letters, and words.
Text can also be aligned to the left, right, center, or justified. It can also be indented.<br>
• I understand the working Git Lab version control and. How to Push website on Git Lab by using Git Pull, Git add --all, Git commit and Git push command. <br>
• I understand How to make Grantt chart by using Grantt Project software<br>
• I read and understand the<a href= "http://fab.cba.mit.edu/about/charter/"> Fab Lab Charter</a></strong> </p>
</section>
</div>
<div class="3u">
<section id="sidebard2">
<header>
<h2>Content</h2>
</header>
<ul class="style1">
<li class="first"><span class="fa fa-check"></span><a href="# Need of the Project">Need of the Project</a> </li> <br>
<li><span class="fa fa-check"></span><a id="Abstract" href="#Abstract">Abstract</a></li><br>
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
<li><span class="fa fa-check"></span><a href="#">Introduction </a> </li><br>
<li><span class="fa fa-check"></span><a href="#">Grantt Chart of Project</a></li><br>
<li><span class="fa fa-check"></span><a href="#">Expected output of the Project</a></li><br>
<li><span class="fa fa-check"></span><a href="#">HTML and CSS</a></li><br>
<li><span class="fa fa-check"></span><a href="#">Attributes</a></li><br>
<li><span class="fa fa-check"></span><a href="#">Body, Head & Title</a></li><br>
<li><span class="fa fa-check"></span><a href="#">My First Web Page</a> </li><br>
<li><span class="fa fa-check"></span><a href="#">Heading</a></li><br>
<li><span class="fa fa-check"></span><a href="#">Paragraphs</a></li><br>
<li><span class="fa fa-check"></span><a href="#">Link</a></li><br>
<li><span class="fa fa-check"></span><a href="#">Adding Images</a></li><br>
<li><span class="fa fa-check"></span><a href="#">CSS</a></li><br>
<li><span class="fa fa-check"></span><a href="#">Color</a> </li><br>
<li><span class="fa fa-check"></span><a href="#">Version Control-Git Lab</a></li><br>
<li><span class="fa fa-check"></span><a href="#">Notification Setting</a></li><br>
<li><span class="fa fa-check"></span><a href="#">Generated the SSH Key</a></li><br>
<li><span class="fa fa-check"></span><a href="#">Abc</a></li><br>
</ul>
<a href="#" class="button">Full Article</a>
</section>
</div>
</div>
</div>
</div>
<!-- Footer -->
<div id="footer">
<div class="container">
<div class="row">
<div class="3u">
<section id="box1">
<header>
<h2>Back</h2>
</header>
<ul class="style1">
<li class="first"><a href="#">Assignment 18</a></li> <br>
<li><a href="#">Assignment 17</a></li> <br>
<li><a href="#">Assignment 16</a></li> <br>
<li><a href="#">Assignment 15</a></li> <br>
<li><a href="#">Assignment 14</a></li> <br>
<li><a href="#">Assignment 13</a></li> <br>
<li><a href="#">Assignment 12</a></li> <br>
<li><a href="#">Assignment 11</a></li> <br>
</ul>
</section>
</div>
<div class="6u">
<section id="box2">
<header>
<h2>Assignment 2</h2>
</header>
<div> <a href="#" class="image full"><img src="img/pics02.jpg" alt=""></a> </div>
<p>Write about assignment 2.</p>
</section>
</div>
<div class="3u">
<section id="box3">
<header>
<h2>Next</h2>
</header>
<ul class="style1">
<li class="first"><a href="#">Assignment 3</a></li> <br>
<li><a href="#">Assignment 4</a></li> <br>
<li><a href="#">Assignment 5</a></li> <br>
<li><a href="#">Assignment 6</a></li> <br>
<li><a href="#">Assignment 7</a></li> <br>
<li><a href="#">Assignment 8</a></li> <br>
<li><a href="#">Assignment 9</a></li> <br>
<li><a href="#">Assignment 10</a></li> <br>
</ul>
</section>
</div>
</div>
</div>
</div>
<!-- Copyright -->
<div id="copyright">
<div class="container">
Design: <a href="http://templated.co">TEMPLATED</a> Images: <a href="http://unsplash.com">Unsplash</a> (<a href="http://unsplash.com/cc0">CC0</a>)
</div>
</div>
</div>
</body>
</html>