Skip to content

Commit 2b207ff

Browse files
committed
1st commit
0 parents  commit 2b207ff

File tree

3 files changed

+116
-0
lines changed

3 files changed

+116
-0
lines changed

favicon.ico

485 Bytes
Binary file not shown.

index.html

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>GroupDocs.Viewer</title>
5+
<link href="favicon.ico?v1.0" rel="shortcut icon" type="image/vnd.microsoft.icon">
6+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.2/css/all.css" integrity="sha384-/rXc/GQVaYpyDdyxK+ecHPVYJSN9bmVFBvjA/9eOB+pb3F2w2N6fc5qB9Ew5yIns" crossorigin="anonymous">
7+
<link type="text/css" rel="stylesheet" href="resources/css/groupdocs.viewer.css"/>
8+
</head>
9+
<body>
10+
<div id="logo">
11+
<a href="https://www.groupdocs.com"><img src="https://products.groupdocs.com/templates/groupdocs/images/logos/groupdocs-logo.png"/></a>
12+
</div>
13+
<ul id="navigation">
14+
<li><a href="https://github.com/groupdocs-viewer">Examples</a></li>
15+
<li><a href="https://products.groupdocs.com/viewer">Products</a></li>
16+
</ul>
17+
<div id="container">
18+
<h3>GroupDocs</h3>
19+
<h1>Viewer</h1>
20+
<h4>Product Family</h4>
21+
</div>
22+
<ul id="social">
23+
<li><a href="https://www.youtube.com/channel/UCUbnqP6PGNHBsL5uzTef79g"><i class="fab fa-youtube"></i></a></li>
24+
<li><a href=""><i class="fab fa-instagram"></i></a></li>
25+
<li><a href="https://www.facebook.com/GroupDocs/"><i class="fab fa-facebook-f"></i></a></li>
26+
<li><a href="https://twitter.com/GroupDocs"><i class="fab fa-twitter"></i></a></li>
27+
<li><a href="https://vk.com/gdocs"><i class="fab fa-vk"></i></a></li>
28+
<li><a href="https://www.linkedin.com/company/groupdocs/"><i class="fab fa-linkedin-in"></i></a></li>
29+
<li><a href="https://github.com/groupdocs"><i class="fab fa-github-alt"></i></a></li>
30+
</ul>
31+
</body>
32+
</html>

resources/css/groupdocs.viewer.css

Lines changed: 84 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
1+
*{
2+
margin: 0;
3+
padding: 0;
4+
list-style: none;
5+
}
6+
7+
body{
8+
font-family: Arial, Helvetica, sans-serif;
9+
width: 100%;
10+
height: 100%;
11+
background: #252525;
12+
color: #a0a0a0;
13+
}
14+
15+
a{
16+
color: #a0a0a0;
17+
text-decoration: none;
18+
}
19+
20+
#logo{
21+
position: absolute;
22+
top: 10px;
23+
left: 35px;
24+
font-size: 40px;
25+
}
26+
27+
#logo > a > img{
28+
width: 130px;
29+
}
30+
31+
#navigation{
32+
position: absolute;
33+
top: 26px;
34+
right: 35px;
35+
}
36+
37+
#navigation > li{
38+
font-size: 14px;
39+
font-weight: normal;
40+
text-transform: uppercase;
41+
display: inline;
42+
margin-left: 15px;
43+
}
44+
45+
#social{
46+
width: 100%;
47+
position: absolute;
48+
bottom: 20px;
49+
font-size: 18px;
50+
text-align: center;
51+
}
52+
53+
#social > li{
54+
margin: 0px 15px;
55+
display: initial;
56+
}
57+
58+
#container{
59+
width: 386px;
60+
height: 140px;
61+
position: absolute;
62+
top: 50%;
63+
left: 50%;
64+
margin-top: -70px;
65+
margin-left: -193px;
66+
}
67+
68+
#container > h1{
69+
color: #ffffff;
70+
font-size: 98px;
71+
font-weight: bold;
72+
text-transform: uppercase;
73+
}
74+
75+
#container > h4, #container > h3{
76+
font-size: 12px;
77+
font-weight: normal;
78+
text-transform: uppercase;
79+
letter-spacing: 1px;
80+
}
81+
82+
#container > h4{
83+
text-align: right;
84+
}

0 commit comments

Comments
 (0)