-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
90 lines (76 loc) · 3.3 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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
<title>Aaron Swartz</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="css.css">
<link rel="shortcut icon" href="/image/logo.png">
</head>
<body>
<header>
<section class="logo">
<span><i class="fa fa-code"></i></span>
</section>
<hgroup>
<h1>Aaron Swartz</h1>
<h3>Computer Programmer</h3>
</hgroup>
</header>
<main class="main-width" role="main">
<p>Introduction App of Aaron Swartz</p>
<section class="tabs">
<input id="tab1" type="radio" checked="true" name="tab">
<label for="tab1">
<i class="fa fa-home"></i>
</label>
<div class="tab-content">
<p>
Learn More About Aaron Swartz
</p>
<div>
<mark class="tag"><a target="_blank" href="http://en.wikipedia.org/wiki/Aaron_Swartz">About Him</a></mark>
<mark class="tag"><a target="_blank" href="http://aaronswartzhackathon.org/">Hackathon</a></mark>
<mark class="tag"><a target="_blank" href="https://www.youtube.com/watch?v=vXr-2hwTk58">Documentary</a></mark>
</div>
</div>
<input id="tab2" type="radio" name="tab">
<label for="tab2">
<i class="fa fa-image"></i>
</label>
<div class="tab-content">
<p>
Photos of Aaron Swartz
<img src="/image/1.jpg">
<img src="/image/2.jpg">
</p>
</div>
<input id="tab3" type="radio" name="tab">
<label for="tab3">
<i class="fa fa-file-text"></i>
</label>
<div class="tab-content">
<p class="content-scroll">
<b>Aaron Hillel Swartz</b> was an American <b>computer programmer, writer, political organizer and Internet Hacktivist</b> who committed suicide in the context of a prosecution that was widely believed to be overly zealous and inappropriate. Swartz was involved in the development of the web feed format RSS and the Markdown publishing format, the organization Creative Commons, the website framework web.py and the social news site, Reddit, in which he became a partner after its merger with his company, Infogami.
Swartz's work also focused on sociology, civic awareness and activism. He helped launch the Progressive Change Campaign Committee in 2009 to learn more about effective online activism. In 2010 he became a research fellow at Harvard University's Safra Research Lab on Institutional Corruption, directed by Lawrence Lessig. He founded the online group Demand Progress, known for its campaign against the Stop Online Piracy Act
</p>
</div>
<input id="tab4" type="radio" name="tab">
<label for="tab4">
<i class="fa fa-youtube"></i>
</label>
<div class="tab-content">
<div class="video-wrapper">
<iframe width="560" height="315" src="https://www.youtube.com/embed/vXr-2hwTk58" frameborder="0"></iframe>
<object src=""></object>
</div>
</div>
</section>
</main>
<footer>
<small>© Hackathon 2014</small>
</footer>
</body>
</html>