-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsem-exp-api.html
More file actions
346 lines (325 loc) · 24.8 KB
/
sem-exp-api.html
File metadata and controls
346 lines (325 loc) · 24.8 KB
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
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
<!DOCTYPE HTML>
<!--
Dopetrope 2.0 by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Three.Fourteen</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta charset="utf-8" />
<meta property="og:site_name" content="Three.Fourteen" />
<meta property="og:type" content="article"/>
<meta property="og:title" content="Our Semantic Keyword Expansion API is ON!"/>
<meta property="og:url" content="http://www.nirg.net/sem-exp-api.html"/>
<meta property="og:description" content="If you ever wanted to track a certain topic on Twitter, you probably wondered what keywords people are using to refer to it. Our new Semantic Expansion API lets you do exactly that - given a short list of keywords, it finds keywords that appear in a similar context or directly …"/>
<meta property="article:published_time" content="2013-05-19" />
<meta property="article:section" content="Uncategorized" />
<meta property="article:author" content="grinbergnir" />
<meta property="og:image"
content="http://www.nirg.net/images/zoom_into_pmi_topic1.png"/>
<meta name="twitter:dnt" content="on">
<meta name="twitter:card" content="summary">
<meta name="twitter:domain" content=".">
<meta property="twitter:image"
content="http://www.nirg.net/images/zoom_into_pmi_topic1.png"/>
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,900,300italic" rel="stylesheet" />
<link rel="stylesheet" href="/theme/css/pygment.css" />
<noscript>
<link rel="stylesheet" href="/theme/css/skel-noscript.css" />
<link rel="stylesheet" href="/theme/css/style.css" />
<link rel="stylesheet" href="/theme/css/style-desktop.css" />
</noscript>
<!-- <script>var _gaq=[['_setAccount','UA-49475310-1'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script'))</script> -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-49475310-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-49475310-1');
</script>
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon">
<link rel="icon" href="/images/favicon.ico" type="image/x-icon">
</head>
<body class="no-sidebar" id="Blog">
<!-- Header Wrapper -->
<div id="header-wrapper">
<div class="container">
<div class="row">
<div class="12u">
<!-- Header -->
<section id="header">
<!-- Logo -->
<h1><a href=".">Three.Fourteen</a></h1>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="/index.html">Home</a></li>
<li class="current_page_item"><a href="/blog.html">Blog</a></li>
<li><a href="./pages/about.html">About</a></li>
<li><a href="./pages/publications.html">Publications</a></li>
</ul>
</nav>
</section>
</div>
</div>
</div>
</div>
<!-- Main Wrapper -->
<div id="main-wrapper" style="padding-top: 3em">
<div class="container">
<div class="row">
<div class="12u">
<!-- Portfolio -->
<section>
<div>
<div class="row">
<div class="12u skel-cell-mainContent">
<!-- Content -->
<article class="box is-post">
<center><h2>Our Semantic Keyword Expansion API is ON!</h2></center>
<a href="#" class="image image-centered"><img src="images/zoom_into_pmi_topic1.png" style="border: 1px solid rgba(88,88,88,0.2);max-width: 100%;max-height: 100%;" /></a>
Published on May 19, 2013.
<p>If you ever wanted to track a certain topic on Twitter, you probably wondered what keywords people are using to refer to it. Our new Semantic Expansion API lets you do exactly that - given a short list of keywords, it finds keywords that appear in a similar context or directly with the initial list. How is this useful? by tracking more keywords you get a more robust and complete coverage of desired topics. What is "semantic" about it? using co-occurrence patterns from individual tweets lets us preserve the semantic structure already embedded in tweets and capitalize on it for keyword expansion. In this blog post I'll briefly describe our expansion methods, the methods' API and provide examples for using it from Python.</p>
<h2>Expansion Methods</h2>
<p>Two of the coolest outcomes of our work "<em>Extracting Diurnal Patterns of Real World Activity from Social Media</em>" are methods for semantically expanding a list of keywords using Twitter co-occurrence patterns. Raw co-occurrence counts of words can be noisy sometimes and so our methods use the more stable <a href="http://en.wikipedia.org/wiki/Pointwise_mutual_information">Pointwise Mutual Information (PMI)</a>. Our methods traverse the PMI graph (image above) in several ways and select keywords for inclusion.</p>
<p>The Aggregated PMI (APMI) method consider terms appearing directly withthe initial set of keywords. For example, when starting from the hashtag"#aurora" (as in the PMI graph above), APMI may consider including"shooting", "colorado" and "theater" in the expanded list. Our secondexpansion method, ContextPMI, examines the context of initial seed listand find keywords that have similar context. Following on the previousexample, ContextPMI would look for keywords with "shooting", "colorado"and "theater" in their context.</p>
<p>The actual methods are more involved than described here: we need tohandle common and corpus-specific stopwords and exclude words relevantonly to a small subset of the initial seed list. The interested readershould refer to the <a href="/papers/grinberg-icwsm2013-extracting.pdf" target="_blank">full paper<img src="/images/pdf-icon-16x16.png"></a> for more details.</p>
<h2>Semantic Expansion API</h2>
<p>Our Semantic Expansion API provide two endpoints: AGG_PMI and CONTEXT_PMI, which are shortens for the Aggregated PMI and Context PMImethods described earlier. Both methods are accessible through HTTP GET requests, taking a list of keywords for expansion as input and return an expanded list of terms with their scores. The two endpoints support few other parameters:</p>
<h5>AGG_PMI Endpoint</h5>
<ul>
<li>terms (required): comma-separated list of keywords for expansion as string (url encoded).</li>
<li>top_n: number of top terms to return, according to their score. Defaults to 100.</li>
</ul>
<h5>CONTEXT_PMI Endpoint</h5>
<ul>
<li>terms (required): comma-separated list of keywords for expansion as string (url encoded).</li>
<li>freq_cutoff: minimum document frequency of returned terms over a period of two months. Defaults to 200 and values below that will be ignored.</li>
<li>bootstrap_samples: integer, number of times to bootstrap the seed list in building the context for the method. Defaults to 100.</li>
<li>score_cutoff: integer, specifying the minimum score for returned terms. Defaults to 500.</li>
</ul>
<p>Both methods return a list of terms and their corresponding scores as a json object.</p>
<h2>Using the API from Python</h2>
<p>As a Python enthusiast, it was natural for me to write a service client in python. The <em>semexpweb.py</em> module has <em>Client</em> class, which provide a convenient, pythonic way for querying the API. To instantiate a Client object do the following:</p>
<div class="highlight"><pre><span></span><span class="kn">import</span> <span class="nn">semexpweb</span>
<span class="n">c</span> <span class="o">=</span> <span class="n">semexpweb</span><span class="o">.</span><span class="n">Client</span><span class="p">(</span><span class="n">server</span><span class="o">=</span><span class="s1">'Contact me for server info'</span><span class="p">)</span>
</pre></div>
<p>You can also specify a timeout for the HTTP request (defaults to 60). The IP above points to our server and should rarely change.</p>
<p>Once you have the client object you can give it a list of keywords for expansion, in this example a list of coffee related terms:</p>
<div class="highlight"><pre><span></span><span class="n">coffee_terms</span> <span class="o">=</span> <span class="p">[</span><span class="s1">'coffee'</span><span class="p">,</span> <span class="s1">'#coffee'</span><span class="p">,</span> <span class="s1">'starbucks'</span><span class="p">,</span> <span class="s1">'#starbucks'</span><span class="p">,</span> \\
<span class="s1">'espresso'</span><span class="p">,</span> <span class="s1">'\#espresso'</span><span class="p">,</span> <span class="s1">'lovecoffee'</span><span class="p">,</span> <span class="s1">'#lovecoffee'</span><span class="p">,</span> \\
<span class="s1">'caffeineaddict'</span><span class="p">,</span> <span class="s1">'\#caffeineaddict'</span><span class="p">,</span> <span class="s1">'venti'</span><span class="p">,</span> <span class="s1">'#venti'</span><span class="p">,</span> \\
<span class="s1">'starbucks'</span><span class="p">,</span> <span class="s1">'#starbucks'</span><span class="p">,</span> <span class="s1">'mugs'</span><span class="p">,</span> <span class="s1">'#mugs'</span><span class="p">,</span> <span class="s1">'latte'</span><span class="p">,</span> \\
<span class="s1">'#latte'</span><span class="p">,</span> <span class="s1">'caf'</span><span class="p">,</span> <span class="s1">'#caf'</span><span class="p">,</span> <span class="s1">'coffeebean'</span><span class="p">,</span> <span class="s1">'#coffeebean'</span><span class="p">]</span>
<span class="k">print</span> <span class="n">c</span><span class="o">.</span><span class="n">context_pmi</span><span class="p">(</span><span class="n">coffee_terms</span><span class="p">)</span>
</pre></div>
<p>The output should look like this: </p>
<div class="highlight"><pre><span></span><span class="p">[[</span><span class="sa">u</span><span class="s1">'#mocha'</span><span class="p">,</span> <span class="mi">2656</span><span class="p">],</span> <span class="p">[</span><span class="sa">u</span><span class="s1">'#barista'</span><span class="p">,</span> <span class="mi">2570</span><span class="p">],</span> <span class="p">[</span><span class="sa">u</span><span class="s1">'#cappuccino'</span><span class="p">,</span> <span class="mi">2565</span><span class="p">],</span>
<span class="p">[</span><span class="sa">u</span><span class="s1">'#starbuck'</span><span class="p">,</span> <span class="mi">2231</span><span class="p">],</span> <span class="p">[</span><span class="sa">u</span><span class="s1">'#caramel'</span><span class="p">,</span> <span class="mi">2183</span><span class="p">],</span> <span class="p">[</span><span class="sa">u</span><span class="s1">'#frappuccino'</span><span class="p">,</span> <span class="mi">2103</span><span class="p">],</span>
<span class="p">[</span><span class="sa">u</span><span class="s1">'#iced'</span><span class="p">,</span> <span class="mi">1892</span><span class="p">],</span> <span class="p">[</span><span class="sa">u</span><span class="s1">'#latteart'</span><span class="p">,</span> <span class="mi">1860</span><span class="p">],</span> <span class="p">[</span><span class="sa">u</span><span class="s1">'macchiatos'</span><span class="p">,</span> <span class="mi">1776</span><span class="p">],</span>
<span class="p">[</span><span class="sa">u</span><span class="s1">'macchiato'</span><span class="p">,</span> <span class="mi">1769</span><span class="p">],</span> <span class="p">[</span><span class="sa">u</span><span class="s1">'frappucino'</span><span class="p">,</span> <span class="mi">1738</span><span class="p">],</span> <span class="o">...</span> <span class="p">]</span>
</pre></div>
<h2>Source Code</h2>
<p>The source code for using the API as described in this post is in <a href="/files/SemExpWeb.zip" target="_blank">SemExpWeb.zip<img src="/images/zip-icon-16x16.png"></a>. You would find in the archive both the <em>semexpweb.py</em> module and <em>usage_example.py</em> containing the example code in this post.</p>
<p>Have any questions or comments? leave a comment down below or contact me @grinbergnir.</p>
<style type="text/css"> #ssba {
padding: 4px;
border: 1px solid #e0dddd;
background-color: #42a7e2;
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; -o-border-radius: 10px;
}
#ssba img
{
width: 35px !important;
padding: 4px;
border: 0;
box-shadow: none !important;
display: inline;
vertical-align: middle;
}
#ssba, #ssba a
{
;
font-family: Indie Flower;
font-size: 20px;
color: #ffffff!important;
font-weight: bold;
}</style>
<div id="ssba"> Share!
<a id="ssba_twitter_share" href="http://twitter.com/intent/tweet?text=Love%20this%20post%20by%40grinbergnir%20./sem-exp-api.html" target="_blank"><img title="Twitter" class="ssba" src="/theme/images/twitter.png" alt="Twitter"></a>
<a id="ssba_facebook_share" href="http://www.facebook.com/sharer.php?u=./sem-exp-api.html" target="_blank"><img title="Facebook" class="ssba" src="/theme/images/facebook.png" alt="Facebook"></a>
<a id="ssba_linkedin_share" class="ssba_share_link" href="http://www.linkedin.com/shareArticle?mini=true&url=./sem-exp-api.html" target="_blank"><img title="LinkedIn" class="ssba" src="/theme/images/linkedin.png" alt="LinkedIn"></a>
<a id="ssba_google_share" href="https://plus.google.com/share?url=./sem-exp-api.html" target="_blank"><img title="Google+" class="ssba" src="/theme/images/google.png" alt="Google+"></a>
<a id="ssba_pinterest_share" href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());"><img title="Pinterest" class="ssba" src="/theme/images/pinterest.png" alt="Pinterest"></a>
<a id="ssba_reddit_share" href="http://reddit.com/submit?url=./sem-exp-api.html&title=Love%20this%20post%20by%20%40grinbergnir" target="_blank"><img title="Reddit" class="ssba" src="/theme/images/reddit.png" alt="Reddit"></a><a id="ssba_diggit_share" class="ssba_share_link" href="http://www.digg.com/submit?url=./sem-exp-api.html" target="_blank"><img title="Digg" class="ssba" src="/theme/images/diggit.png" alt="Digg"></a>
<a id="ssba_stumbleupon_share" class="ssba_share_link" href="http://www.stumbleupon.com/submit?url=./sem-exp-api.html&title=Love%20this%20post%20by%20%40grinbergnir" target="_blank"><img title="StumbleUpon" class="ssba" src="/theme/images/stumbleupon.png" alt="StumbleUpon"></a>
<a id="ssba_tumblr_share" href="http://www.tumblr.com/share/link?url=./sem-exp-api.html&name=Our%20Semantic%20Keyword%20Expansion%20API%20is%20ON%21" target="_blank"><img title="tumblr" class="ssba" src="/theme/images/tumblr1.png" alt="tumblr"></a>
<a id="ssba_email_share" href="mailto:?subject=Love%20this%20post%20by%40grinbergnir&body=./sem-exp-api.html" target="_blank"><img title="Email" class="ssba" src="/theme/images/email.png" alt="Email"></a>
</div>
<!--<p id="post-share-links">
Share on:
<a href="http://twitter.com/intent/tweet?text=Love%20this%20post%20by%40grinbergnir%20./sem-exp-api.html" target="_blank" title="Share on Twitter">Twitter</a>
❄
<a href="http://www.facebook.com/sharer/sharer.php?u=./sem-exp-api.html" target="_blank" title="Share via Email">Facebook</a>
❄
<a href="https://plus.google.com/share?url=./sem-exp-api.html" target="_blank" title="Share via Email">Google+</a>
❄
<a href="http://www.linkedin.com/shareArticle?mini=true&url=./sem-exp-api.html" target="_blank" title="Share via Email">Linkedin</a>
❄
<a href="mailto:?subject=Love%20this%20post%20by%40grinbergnir&body=./sem-exp-api.html" target="_blank" title="Share via Email">Email</a>
</p>-->
<h2>Comments</h2>
<div id="disqus_thread"></div>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'threefourteen'; // required: replace example with your forum shortname
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
</article>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
<!-- Footer Wrapper -->
<div id="footer-wrapper">
<!-- Footer -->
<section id="footer" class="container">
<div class="row">
<div class="8u">
<section>
<header>
<h2>Latest posts</h2>
</header>
<ul class="dates">
<li>
<span class="date">Apr <strong>18</strong></span>
<h3><a href="eng-modes-news.html">Modes of Enagement with News and their Relationship to Information Gain in Text</a></h3>
<p><p>How do people engage with news articles post-click? How does the development of ideas within the text of articles affect post-click engagement? To address these questions I analyzed a large, client-side log data of over 7.7 million page views of 66,821 news articles from seven popular news publishers …</p></p>
</li>
<li>
<span class="date">Feb <strong>24</strong></span>
<h3><a href="feedback-exp.html">When Do People Expect More Likes and Comments on Facebook and From Whom?</a></h3>
<p><p>Despite the fact that social media has been around for over a decade now, we still know reletively little about people's expectations for getting attention and responses from their online friends. In <a href="/papers/feedback_exp.pdf">this work</a> we examine the often overlooked end of the attention ``transaction'': the content producer's expectation to be …</p></p>
</li>
<li>
<span class="date">Jan <strong>10</strong></span>
<h3><a href="contribution-effect.html">Changes in Engagement Before and After Posting to Facebook</a></h3>
<p><p>Our recent work got accepted to CHI 2016! See the
<a href="/pages/publications.html">publications</a> page for the full paper. </p>
<p>I think this work is interesting for three main reasons: the questions we addressed, the methodology for answering them, and the answers we arrived at. </p>
<p>The fundamental question we addressed in this work is …</p></p>
</li>
<li>
<span class="date">Feb <strong>28</strong></span>
<h3><a href="wsdm-2014-summary-opinions-and-other-thoughts.html">WSDM 2014 Summary, Opinions and Other Thoughts</a></h3>
<p><p>It was a great attending WSDM this year, right at the heart of NYC! I could not possibly cover all that went down there in the three days of the conference, but would use this post to highlight sessions and talks that I attended and found particularly interesting.</p>
<p>The conference …</p></p>
</li>
<li>
<span class="date">May <strong>19</strong></span>
<h3><a href="sem-exp-api.html">Our Semantic Keyword Expansion API is ON!</a></h3>
<p><p>If you ever wanted to track a certain topic on Twitter, you probably wondered what keywords people are using to refer to it. Our new Semantic Expansion API lets you do exactly that - given a short list of keywords, it finds keywords that appear in a similar context or directly …</p></p>
</li>
<li>
<span class="date">Apr <strong>28</strong></span>
<h3><a href="using-tweepy.html">Best Practices for Querying Twitter API using (forked) tweepy</a></h3>
<p><p>Over the past few weeks I have been accessing Twitter API from python
using tweepy. In the course of doing so, I added support in tweepy for
using multiple authentication handlers, monitoring rate limits, waiting
when running out of calls, support for search using Twitter API v1.1,
proper pagination …</p></p>
</li>
<li>
<span class="date">Mar <strong>30</strong></span>
<h3><a href="extracting-diurnal-patterns.html">Extracting Diurnal Patterns of Real World Activity from Social Media</a></h3>
<p><p>Our most recent work got accepted to ICWSM 2013! See the
<a href="/pages/publications.html">publications</a> page for the full paper.</p>
<p>Here is the abstract:<br>
In this study, we develop methods to identify verbal expressions in
social media streams that refer to real-world activities. Using
aggregate daily patterns of Foursquare checkins, our methods extract …</p></p>
</li>
</ul>
</section>
</div>
<div class="4u">
<section style="border-top: solid 1px #ddd; border-top-color: rgba(255,255,255,0.05); padding: 1.3em 0 0 0;">
<header>
<h2>Contact</h2>
</header>
<ul class="social">
<li class="facebook"><a href="https://www.facebook.com/nirgr" class="icon48 icon48-1">Facebook</a></li>
<li class="twitter"><a href="http://twitter.com/grinbergnir" class="icon48 icon48-2">Twitter</a></li>
<li class="linkedin"><a href="http://www.linkedin.com/pub/nir-grinberg/44/23b/15" class="icon48 icon48-4">LinkedIn</a></li>
<li class="googleplus"><a href="https://plus.google.com/110010581376861389601" class="icon48 icon48-6">Google+</a></li>
</ul>
<h3>Email</h3>
<a href="mailto:last.first name -AT- gmail.com">last.first name -AT- gmail.com</a>
<h3>Address</h3><p>177 Auntington Ave., 10th floor, Boston, MA 02115</p>
</section>
<section style="border-top: solid 1px #ddd; border-top-color: rgba(255,255,255,0.05); padding: 1.3em 0 1.3em 0;">
<header>
<h2>Blogroll</h2>
</header>
<ul>
<li><a href="http://lazerlab.net/">Lazer Lab</a></li>
<li><a href="http://www.cs.cornell.edu/">CS @ Cornell</a></li>
<li><a href="https://s.tech.cornell.edu/">Social Technologies Lab @ Cornell Tech</a></li>
<li><a href="https://research.facebook.com/datascience">Facebook Core Data Science</a></li>
<li><a href="http://www.iq.harvard.edu/">Harvard IQSS</a></li>
<li><a href="http://www.networkscienceinstitute.org/">Network Science Institute</a></li>
</ul>
</section>
</div>
</div>
<!--<div class="row">
<div class="4u">
</div>
<div class="4u">
<section>
<header>
<h2>Categories</h2>
</header>
<ul class="divided">
<li><a href="./category/uncategorized.html">Uncategorized</a></li>
</ul>
</section>
</div>
<div class="4u">
</div>
</div>-->
<div class="row">
<div class="12u">
<!-- Copyright -->
<div id="copyright">
<ul class="links">
<li>© Nir Grinberg 2018 </li>
<!--<li>Images: <a href="http://facebook.com/DreametryDoodle">Dreametry Doodle</a> + <a href="http://iconify.it">Iconify.it</a></li>-->
<li>Theme adapted from: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
<script src="/theme/js/jquery.min.js"></script>
<script src="/theme/js/jquery.dropotron.js"></script>
<script src="/theme/js/config.js"></script>
<script src="/theme/js/skel.min.js"></script>
<script src="/theme/js/skel-panels.min.js"></script>
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><link rel="stylesheet" href="/theme/css/ie8.css" /><![endif]-->
</body>
</html>