-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
74 lines (66 loc) · 2.79 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
<!DOCTYPE html>
<html class="uk-background-muted">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Capp - Calendar application to implement iCal files</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="css/uikit.min.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css" />
</head>
<body>
<div class="uk-container uk-container-center uk-background-muted uk-margin-top">
<div uk-grid>
<div class="uk-width-1-1">
<h1 class="uk-heading-primary uk-flex uk-flex-center">Hello World</h1>
</div>
<div class="uk-width-1-1">
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor
quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean
ultricies mi vitae est. Mauris placerat eleifend leo.</p>
</div>
<div class="uk-width-2-3">
<form action="" id="inputForm">
<fieldset class="uk-fieldset">
<h2 class="uk-heading-secondary">
Start
</h2>
<textarea name="inputArea" id="inputArea" cols="30" rows="10" class="uk-textarea" style="resize:none;"
placeholder="Klistra in din .ical fil här"></textarea>
<a href="" id="clearAreaButton" class="uk-align-right uk-margin-top" uk-icon="icon: trash"></a>
</fieldset>
</form>
</div>
<div class="uk-width-1-3">
<h2 class="uk-heading-secondary">
Instruktioner
</h2>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor
quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean
ultricies mi vitae est. Mauris placerat eleifend leo.</p>
</div>
</div>
<div id="afterPasting">
<div class="uk-width-1-1" id="courseList">
</div>
</div>
<div uk-grid hidden class="uk-margin-large-bottom" id="afterEditing">
<div class="uk-width-2-3" id="afterEditingTextArea">
<textarea hidden name="copyInput" id="copyInput" cols="30" rows="10" class="uk-textarea" style="resize:none;"></textarea>
</div>
<div class="uk-width-1-3">
<h2 class="uk-heading-secondary">
Vad gör man nu
</h2>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor
quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean
ultricies mi vitae est. Mauris placerat eleifend leo.</p>
</div>
<div id="scrollTo"></div>
</div>
</div>
</body>
<script src="js/uikit.min.js"></script>
<script src="js/uikit-icons.min.js"></script>
<script src="js/app.js"></script>
</html>