forked from benhmoore/Knwl
-
Notifications
You must be signed in to change notification settings - Fork 0
/
demo.html
87 lines (80 loc) · 4.29 KB
/
demo.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
<html>
<head>
<title>Knwl.js demo</title>
<link rel="stylesheet" href="demo_src/main.css" type = "text/css"/>
<script src = "knwl.js"></script>
<script src = "demo_src/main.js"></script>
</head>
<body>
<div class = "wrapper">
<div class = "partOne">
<textarea class = "input" id = "input">I'm sorry, I'm extremely busy right now. I just looked at the clock, and it's 12:54 AM, I've still got a lot of work to do. Don't worry about the event tomorrow, it's been moved ahead a week, the 28th of december. Remember though, you've got to call to get a ticket soon, their # is 212-323-1239 and they live at Los Angeles, or call the toll free number 1 800 567-4321. Their website says it costs $23 per person.
If you've got enough time, they have some more information on their website, http://theevent.com.
Regards,
David (david32@gmail.com)</textarea>
<button class = "scanBtn" onclick = "scan()">Crawl</button>
</div>
<div class = "partTwo">
<div class = "section">
<p class = "sectionTitle"><img src="demo_src/icons/phone.svg" width="25" height="25">Phone Numbers</p>
<div id = "sectionContainer1">
<p class = "sectionItem">One Item</p>
<p class = "sectionItem">Two Item</p>
<p class = "sectionItem">Three Item</p>
<p class = "sectionItem">Four Item</p>
</div>
</div>
<div class = "section">
<p class = "sectionTitle"><img src="demo_src/icons/calendar.svg" width="30" height="30">Dates</p>
<div id = "sectionContainer2">
<p class = "sectionItem">One Item</p>
<p class = "sectionItem">Two Item</p>
<p class = "sectionItem">Three Item</p>
<p class = "sectionItem">Four Item</p>
</div>
</div>
<div class = "section">
<p class = "sectionTitle"><img src="demo_src/icons/clock.svg" width="25" height="25"> Times</p>
<div id = "sectionContainer3">
<p class = "sectionItem">One Item</p>
<p class = "sectionItem">Two Item</p>
<p class = "sectionItem">Three Item</p>
<p class = "sectionItem">Four Item</p>
</div>
</div>
<div class = "section">
<p class = "sectionTitle"><img src="demo_src/icons/link.svg" width="25" height="25"> Links</p>
<div id = "sectionContainer4">
<p class = "sectionItem">One Item</p>
<p class = "sectionItem">Two Item</p>
<p class = "sectionItem">Three Item</p>
<p class = "sectionItem">Four Item</p>
</div>
</div>
<div class = "section">
<p class = "sectionTitle"><img src="demo_src/icons/email.svg" width="25" height="25"> Emails</p>
<div id = "sectionContainer5">
<p class = "sectionItem">One Item</p>
<p class = "sectionItem">Two Item</p>
<p class = "sectionItem">Three Item</p>
<p class = "sectionItem">Four Item</p>
</div>
</div>
<div class = "section">
<p class = "sectionTitle"><img src="demo_src/icons/emotion.svg" width="25" height="25"> Emotion</p>
<div id = "sectionContainer6">
<p class = "sectionItem">Positive</p>
</div>
</div>
<div class = "section">
<p class = "sectionTitle"><img src="demo_src/icons/places.svg" width="25" height="25"> Places</p>
<div id = "sectionContainer7">
<p class = "sectionItem">One Item</p>
</div>
</div>
<div class = "section">
</div>
</div>
</div>
</body>
</html>