stront/index.html at master · omgning/stront · GitHub

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
<!DOCTYPE html>
<html>
<head>
<title>New Tab</title>
<link rel="stylesheet" href="style.css">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Questrial' rel='stylesheet' type='text/css'> <!-- Downloads the desired font -->
</head>
<body>
<ul class="container">
        <!-- Start Dropdown -->
        <li><a class="parent1" href="#">food</a> <!-- Section title -->
                <ul class="submenu"> <!-- Links Start -->
                        <li><a class="tab1" href="https://boards.4chan.org/g/catalog">/g/ - Technology</a></li>
                        <li><a class="tab1" href="https://boards.4chan.org/gd/catalog">/gd/ - Graphic Design</a></li>
                        <li><a class="tab1" href="https://play.google.com/music">Google Play Music</a></li>
                        <li><a class="tab1" href="https://netflix.com">Netflix</a></li>
                        <li><a class="tab1" href="https://soundcloud.com/stream">SoundCloud</a></li>
                        <li><a class="tab1" href="https://www.flickr.com">Flickr</a></li>
                </ul> <!-- Links End -->
        </li>
        <!-- End Dropdown Section -->
        <li><a class="parent2" href="#">shit</a>
                <ul class="submenu">
                        <li><a class="tab2" href="http://www.codepen.io">CodePen</a></li>
                        <li><a class="tab2" href="http://www.codeacademy.com">Codeacademy</a></li>
                        <li><a class="tab2" href="http://www.github.com">Github</a></li>
                        <li><a class="tab2" href="http://www.lifehacker.co.uk">Lifehacker UK</a></li>
                        <li><a class="tab2" href="http://www.livescience.com">Live Science</a></li>
                        <li><a class="tab2" href="https://www.newscientist.com">New Scientist</a></li>
                </ul>
        </li>
        <li><a class="parent3" href="#">waste</a>
                <ul class="submenu">
                        <li><a class="tab4" href="https://www.reddit.com/r/analog">Analog</a></li>
                        <li><a class="tab4" href="https://www.reddit.com/r/android">Android</a></li>
                        <li><a class="tab4" href="https://www.reddit.com/r/citiesskylines">Cities: Skylines</a></li>
                        <li><a class="tab4" href="https://www.reddit.com/r/space">Space</a></li>
                        <li><a class="tab4" href="https://www.reddit.com/r/startpages">Startpages</a></li>
                        <li><a class="tab4" href="https://www.reddit.com/r/techsupportgore">Techsupportgore</a></li>
                </ul>
        </li>
        <li><a class="parent3" href="#">bla</a>
                <ul class="submenu">
                        <li><a class="tab4" href="http://4chan.org/fa/catalog">/fa/ - Fashion</a></li>
                        <li><a class="tab4" href="http://www.primermagazine.com">Primer Magazine</a></li>
                        <li><a class="tab4" href="https://www.thread.com/v2/home">Thread</a></li>
                        <li><a class="tab4" href="https://www.reddit.com/r/space">Space</a></li>
                        <li><a class="tab4" href="https://www.reddit.com/r/startpages">Startpages</a></li>
                        <li><a class="tab4" href="https://www.reddit.com/r/techsupportgore">Techsupportgore</a></li>

                </ul>
        </li>
        <li><a class="parent4" href="#">gaymes</a>
                <ul class="submenu">
                        <li><a class="tab5" href="https://www.dropbox.com">Dropbox</a></li>
                        <li><a class="tab5" href="https://drive.google.com/drive">Google Drive</a></li>
                        <li><a class="tab5" href="https://interfacelift.com/wallpaper/downloads/date/any/">InterfaceLIFT</a></li>
                        <li><a class="tab5" href="https://mega.co.nz">MEGA</a></li>
                        <li><a class="tab5" href="http://cupcake.nilssonlee.se">Nilsson Lee Cupcake</a></li>
                        <li><a class="tab5" href="http://pastebin.com">Pastebin</a></li>
                </ul>
        </li>
		<li><a class="parent5" href="#">kpop + aids</a>
                <ul class="submenu">
                        <li><a class="tab6" href="https://www.dropbox.com">kpc</a></li>
                        <li><a class="tab6" href="https://drive.google.com/drive">etorrent</a></li>
                        <li><a class="tab6" href="https://interfacelift.com/wallpaper/downloads/date/any/">kpf</a></li>
                        <li><a class="tab6" href="https://mega.co.nz">akp</a></li>
                        <li><a class="tab6" href="http://cupcake.nilssonlee.se">snsd</a></li>
                        <li><a class="tab6" href="http://pastebin.com">ssf</a></li>
                </ul>
        </li>

</ul>

<script>
$('.submenu').hide();
$("li:has(ul)").click(function(){
$("ul",this).slideToggle('200');
});
</script>
</body>
</html>