-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
154 lines (147 loc) · 6.8 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
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
<html>
<head>
<link href='assets2/css2/fs_style.css' rel='stylesheet' type='text/css'/>
<link href='assets2/css2/fs_structure.css' rel='stylesheet' type='text/css'/>
<link href='assets2/css2/fs_positioning.css' rel='stylesheet' type='text/css'/>
</head>
<body>
<div class="header" align="center">
<div class="header-top-section">
</div>
<div class="header-middle-section">
<a href="" class="menu-option">Home</a>
<a href="" class="menu-option">Search</a>
<a href="" class="menu-option">Projects</a>
<a href="" class="menu-option">Overview</a>
<a href="" class="menu-option">Help</a>
<a href="" class="menu-option">Feedback</a>
<input type="text" value="Quick search" class="fs-input black search menu-search-p"/>
</div>
<div class="header-bottom-section">
<div class="breadcumb-p">
You are here: {
<span class="breadcumbs-list">
<a href="" >Home</a> / <a href="" >Project name</a> / <a href="" >Issue name</a>
</span>
};
</div>
<div class="login-section-p">
<a href="" >Login</a> or Sign in with:
<a href="" class="social-login google"></a>
<a href="" class="social-login github"></a>
<a href="" class="social-login facebook"></a>
<a href="" class="social-login twitter"></a>
<a href="">More +</a>
</div>
</div>
</div>
<div class="content" align="center">
<div class="home-content-section">
<img class="fs-logo" src="assets2/images2/fs_logo.png"/>
<div class="home-search-box fs-box">
<input type="text" value="Paste an issue tracker URL, search for an issue name or a project" class="fs-input search home-search-p"/>
<a href="" class="fs-button medium blue home-search-p">Search</a>
</div>
</div>
<div class="home-content-section">
<div class="divider"></div>
<div class="card-list-section">
<div class="card-list-header">
<div class="fs-title">Sponsored Issues</div>
<a href="" class="fs-button square grey disabled less">«</a>
<a href="" class="fs-button square grey more">»</a>
<a href="" class="fs-button medium grey view-all">View All</a>
</div>
<div class="card-list clearfix-after">
<div class="fs-box issue-card sponsored">
<a href="" class="card-title">Decouple offer currency and payment currency</a>
<div class="divider small"></div>
<span class="card-caption left">
<span>$</span><span class="paid-value">1.000.000</span><span> Paid</span>
</span>
<span class="card-caption orange right">
<span>$</span><span class="offered-value">2.000.000</span><span> Offered</span>
</span>
<div class="clearfix"></div>
<div class="card-sponsors">
<div class="pictures">
<div class="sponsor-picture"></div>
<div class="sponsor-picture"></div>
<div class="sponsor-picture"></div>
<div class="sponsor-picture"></div>
</div>
<a href="" class="sponsors-label">and 10 more sponsors</a>
</div>
<p class="description">É um fato conhecido de todos que um leitor se distrairá com o conteúdo de texto legível de uma página quando estiver examinando sua diagramação. A vantagem de usar Lorem Ipsum é que ele tem uma distribuição normal de letras, ao contrário de "Conteúdo aqui, conteúdo aqui", fazendo com que ele tenha uma aparência similar a de um texto legível. Muitos softwares de publicação e editores de páginas na internet agora usam Lorem Ipsum como texto-modelo padrão, e uma rápida busca por 'lorem ipsum' mostra vários websites ainda em sua fase de construção. Várias versões novas surgiram ao longo dos anos, eventualmente por acidente, e às vezes de propósito (injetando humor, e coisas do gênero).</p>
<div class="project-logo">
<img src="assets2/images2/project_logos/freedomsponsors_logo.png"/>
</div>
<div class="card-status done"></div>
<div class="card-footer">
<span class="views">
<span class="views-number">23</span><span> views</span>
</span>
<span class="comments">
<span class="comments-number">33</span><span> comments</span>
</span>
</div>
</div>
<div class="fs-box issue-card sponsored middle">
</div>
<div class="fs-box issue-card sponsored">
</div>
</div>
</div>
<div class="divider"></div>
<div class="card-list-section">
<div class="card-list-header">
<div class="fs-title">Proposed Issues</div>
<a href="" class="fs-button square grey disabled less">«</a>
<a href="" class="fs-button square grey more">»</a>
<a href="" class="fs-button medium grey view-all">View All</a>
</div>
<div class="card-list clearfix-after">
<div class="fs-box issue-card proposed">
<a href="" class="card-title">Decouple offer currency and payment currency</a>
<div class="divider small"></div>
<div class="project-logo">
<img src="assets2/images2/project_logos/freedomsponsors_logo.png"/>
</div>
<span class="card-caption orange right">
<span>No sponsors yet</span>
</span>
<div class="clearfix"></div>
<p class="description">É um fato conhecido de todos que um leitor se distrairá com o conteúdo de texto legível de uma página quando estiver examinando sua diagramação. A vantagem de usar Lorem Ipsum é que ele tem uma distribuição normal de letras, ao contrário de "Conteúdo aqui, conteúdo aqui", fazendo com que ele tenha uma aparência similar a de um texto legível. Muitos softwares de publicação e editores de páginas na internet agora usam Lorem Ipsum como texto-modelo padrão, e uma rápida busca por 'lorem ipsum' mostra vários websites ainda em sua fase de construção. Várias versões novas surgiram ao longo dos anos, eventualmente por acidente, e às vezes de propósito (injetando humor, e coisas do gênero).</p>
<a href="" class="fs-button green">Sponsor now!</a>
<div class="card-footer">
<span class="views">
<span class="views-number">23</span><span> views</span>
</span>
<span class="comments">
<span class="comments-number">33</span><span> comments</span>
</span>
</div>
</div>
<div class="fs-box issue-card proposed middle">
</div>
<div class="fs-box issue-card proposed">
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footer-left-section">
</div>
<div class="footer-midle-section">
<a href="" class="footer-link">Blog</a>
<a href="" class="footer-link">Developers</a>
<a href="" class="footer-link">Integration</a>
<a href="" class="footer-link">Contact</a>
<span class="right">FreedomSponsors, Copyright © 2012-2013</span>
</div>
<div class="footer-right-section">
</div>
</div>
</body>
</html>