forked from debchn/collabowrite
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathshow.html
68 lines (60 loc) · 6.33 KB
/
show.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>colabowrite | contribute</title>
<link rel="stylesheet" href="styles/style.css" />
<link rel="stylesheet" href="styles/show.css" />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<div class="title">
<h1><i class="fa fa-pencil-square-o"></i> Contribute</h1>
<div class="story">
<div class="originalPost">
<h2 class="title">TEH TITLE</h2>
<h3 class="author">By <a href=""><span class="userName">User</span></a></h3><img class="gravatarPost" src="http://www.placecage.com/c/200/200" alt="">
<div class="first">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dolor itaque similique. Maxime ut repellendus nobis voluptatem dolor debitis, vitae voluptatum obcaecati reiciendis eum tempora voluptates omnis id maiores dignissimos. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo nisi quisquam explicabo eius molestias illum vitae unde iste obcaecati minus, voluptate deserunt mollitia quidem nostrum ipsam nemo excepturi minima sunt!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto quod vel laboriosam possimus dolore adipisci, repudiandae excepturi illo tenetur fuga sequi, quibusdam est veniam debitis. Tenetur aperiam esse ipsum corporis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora velit vero at debitis, ut sit sequi minima maiores rerum fuga harum dolorem voluptatibus! Eius repellat quae ea quod pariatur, assumenda.</p>
</div>
</div>
<div class="passages">
<h2>As continued by...</h2>
<div class="others">
<h3 class="author"><a href=""><span class="userName">User</span></a></h3><img class="gravatarPost" src="http://www.placecage.com/c/200/200" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dolor itaque similique. Maxime ut repellendus nobis voluptatem dolor debitis, vitae voluptatum obcaecati reiciendis eum tempora voluptates omnis id maiores dignissimos. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo nisi quisquam explicabo eius molestias illum vitae unde iste obcaecati minus, voluptate deserunt mollitia quidem nostrum ipsam nemo excepturi minima sunt!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto quod vel laboriosam possimus dolore adipisci, repudiandae excepturi illo tenetur fuga sequi, quibusdam est veniam debitis. Tenetur aperiam esse ipsum corporis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora velit vero at debitis, ut sit sequi minima maiores rerum fuga harum dolorem voluptatibus! Eius repellat quae ea quod pariatur, assumenda.</p>
</div>
<div class="others">
<h3 class="author"><a href=""><span class="userName">User</span></a></h3><img class="gravatarPost" src="http://www.placecage.com/c/200/200" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dolor itaque similique. Maxime ut repellendus nobis voluptatem dolor debitis, vitae voluptatum obcaecati reiciendis eum tempora voluptates omnis id maiores dignissimos. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo nisi quisquam explicabo eius molestias illum vitae unde iste obcaecati minus, voluptate deserunt mollitia quidem nostrum ipsam nemo excepturi minima sunt!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto quod vel laboriosam possimus dolore adipisci, repudiandae excepturi illo tenetur fuga sequi, quibusdam est veniam debitis. Tenetur aperiam esse ipsum corporis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora velit vero at debitis, ut sit sequi minima maiores rerum fuga harum dolorem voluptatibus! Eius repellat quae ea quod pariatur, assumenda.</p>
</div>
<div class="others">
<h3 class="author"><a href=""><span class="userName">User</span></a></h3><img class="gravatarPost" src="http://www.placecage.com/c/200/200" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dolor itaque similique. Maxime ut repellendus nobis voluptatem dolor debitis, vitae voluptatum obcaecati reiciendis eum tempora voluptates omnis id maiores dignissimos. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo nisi quisquam explicabo eius molestias illum vitae unde iste obcaecati minus, voluptate deserunt mollitia quidem nostrum ipsam nemo excepturi minima sunt!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto quod vel laboriosam possimus dolore adipisci, repudiandae excepturi illo tenetur fuga sequi, quibusdam est veniam debitis. Tenetur aperiam esse ipsum corporis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora velit vero at debitis, ut sit sequi minima maiores rerum fuga harum dolorem voluptatibus! Eius repellat quae ea quod pariatur, assumenda.</p>
</div>
<div class="others">
<h3 class="author"><a href=""><span class="userName">User</span></a></h3><img class="gravatarPost" src="http://www.placecage.com/c/200/200" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae dolor itaque similique. Maxime ut repellendus nobis voluptatem dolor debitis, vitae voluptatum obcaecati reiciendis eum tempora voluptates omnis id maiores dignissimos. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo nisi quisquam explicabo eius molestias illum vitae unde iste obcaecati minus, voluptate deserunt mollitia quidem nostrum ipsam nemo excepturi minima sunt!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto quod vel laboriosam possimus dolore adipisci, repudiandae excepturi illo tenetur fuga sequi, quibusdam est veniam debitis. Tenetur aperiam esse ipsum corporis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora velit vero at debitis, ut sit sequi minima maiores rerum fuga harum dolorem voluptatibus! Eius repellat quae ea quod pariatur, assumenda.</p>
</div>
</div>
</div>
<form class="submitForm">
<h2>What happens next?</h2>
<div class="form-wrapper">
<textarea name="message" id="name" placeholder="Fill me with words."></textarea>
</div>
<button class="submit">Submit!</button>
</form>
</div>