-
Notifications
You must be signed in to change notification settings - Fork 3
/
popup.html
61 lines (44 loc) · 1.75 KB
/
popup.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
<!doctype html>
<html>
<head>
<!-- Title -->
<title>Title of extension</title>
<!-- Imports -->
<script src="js/jquery.min.js"></script>
<script src="js/materialize.min.js"></script>
<script src="js/popup.js"></script>
<link rel="stylesheet" href="css/materialize.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>
<!-- Body -->
<body style="width:400px;">
<!-- <p id="title">SEO tools</p>-->
<!-- Accent-colored raised button with ripple -->
<nav class="blue darken-3">
<div class="nav-wrapper">
<a href="#" class="brand-logo center">Websites (Materialize demo)</a>
<ul id="nav-mobile" class="left hide-on-med-and-down">
<li><a href="sass.html">Sass</a></li>
<li><a href="badges.html">Components</a></li>
<li><a href="collapsible.html">JavaScript</a></li>
</ul>
</div>
</nav>
<!-- NAV END -->
<div class="row noMargin noPadding">
<div class="col s12 noMargin noPadding">
<ul class="tabs tabs-fixed-width">
<li class="tab col s3"><a class="active blue-text" href="#seolist">My Website</a></li>
<li class="tab col s3"><a class="blue-text" href="#tab2">Tab 2</a></li>
<li class="tab col s3"><a class="blue-text" href="#tab3">Tab 3</a></li>
<li class="tab col s3"><a class="blue-text" href="#tab4">Tab 4</a></li>
</ul>
</div>
<div id="seolist" class="seolist collection noMargin noPadding noBorder scroll"></div>
<div id="tab2" class="col s12"><h2>This is Tab 2</h2></div>
<div id="tab3" class="col s12"><h2>This is Tab 3</h2></div>
<div id="tab4" class="col s12"><h2>This is Tab 4</h2></div>
</div>
</body>
</html>