Skip to content
This repository was archived by the owner on Mar 1, 2021. It is now read-only.

Commit 0d82005

Browse files
r0hit-guptar0hit-gupta
committed
Init homepage
0 parents  commit 0d82005

File tree

5 files changed

+104
-0
lines changed

5 files changed

+104
-0
lines changed

‎.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
.DS_Store

‎css/style.css

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
/* Stylez */
2+
body {font-family: Franklin Gothic Book, Source Sans Pro, Helvetica Neue, sans-serif; margin: 0 auto; background: #efefef; line-height: 1.8em; padding: 12px; box-sizing: border-box; color: #333;}
3+
body, html {height: 100%;}
4+
5+
.wrapper {box-sizing: border-box; background: #fff; box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; height: 100%; overflow: auto; }
6+
7+
8+
a {color: #777; text-decoration: none; border-bottom: 1px solid #CCFF26;}
9+
a:hover {border-bottom: 1px solid #CCFF26; color: #222}
10+
p {font-weight: 200; font-size: 20px;}
11+
12+
.name {font-family: Playfair Display; font-size: 50px; font-weight: 900; padding-bottom: 20px;}
13+
14+
.container {margin: 0 auto; width: 600px; height: 400px; padding: 80px 12px; overflow: auto;}
15+
16+
.meta {text-transform: uppercase; font-family: Courier New, Quicksand, "Helvetica Neue", "Arial", sans-serif; font-size: 11px; letter-spacing: .15em;}
17+
.meta a:hover {border-bottom: 1px solid #CCFF26; color: #333;}
18+
19+
.inline-list {list-style: none; margin: 0; padding: 0;}
20+
.inline-list li {display: inline-block;}
21+
22+
footer .inline-list li {padding-right: 40px;}
23+
footer {margin: 0 auto; position: absolute; bottom: 0px; padding: 40px 0; width: 600px;}

‎css/style2.css

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
body {font-family: Montserrat, Helvetica Neue, sans-serif; margin: 0 auto; line-height: 2em; padding: 12px; box-sizing: border-box; color: #333; overflow: auto;
2+
background: #ffded1; /* Old browsers */
3+
background: -moz-linear-gradient(-45deg, #ffded1 0%, #ffded1 50%, #ffc5af 50%, #ffc5af 100%); /* FF3.6+ */
4+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffded1), color-stop(50%,#ffded1), color-stop(50%,#ffc5af), color-stop(100%,#ffc5af)); /* Chrome,Safari4+ */
5+
background: -webkit-linear-gradient(-45deg, #ffded1 0%,#ffded1 50%,#ffc5af 50%,#ffc5af 100%); /* Chrome10+,Safari5.1+ */
6+
background: -o-linear-gradient(-45deg, #ffded1 0%,#ffded1 50%,#ffc5af 50%,#ffc5af 100%); /* Opera 11.10+ */
7+
background: -ms-linear-gradient(-45deg, #ffded1 0%,#ffded1 50%,#ffc5af 50%,#ffc5af 100%); /* IE10+ */
8+
background: linear-gradient(135deg, #ffded1 0%,#ffded1 50%,#ffc5af 50%,#ffc5af 100%); /* W3C */
9+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffded1', endColorstr='#ffc5af',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
10+
11+
}
12+
13+
body, html {height: 100%;}
14+
15+
.wrapper {box-sizing: border-box; height: 100%; overflow: auto; }
16+
17+
18+
a {text-decoration: none; color: #333; border-bottom: 3px solid #0068FF;}
19+
a:hover {color: #0068FF}
20+
p {font-weight: 200; font-size: 20px;}
21+
22+
.name {font-family: Montserrat; font-size: 45px; text-transform: uppercase; font-weight: 900; padding: 12px; border: 4px solid #0068FF; color: #0068FF; display: inline-block; position: absolute; margin-bottom: 60px; top: 60px; left: 90px;}
23+
24+
.container {margin: 0 auto; width: 700px; padding: 120px 12px 50px; overflow: auto;}
25+
article {padding: 60px;}
26+
article::before {
27+
content: '\2601';
28+
position: relative;
29+
top: 0;
30+
left: -30px;
31+
color: #0068FF;
32+
font-size: 24px;
33+
}
34+
article::after {
35+
content: '\2A55\2A55\2A55\2A55';
36+
position: relative;
37+
top: 40px;
38+
left: 300px;
39+
color: #0068FF;
40+
font-size: 44px;
41+
}
42+
hr {border-bottom: 3px solid #0068FF;}
43+
44+
.meta {text-transform: uppercase; font-family: Arial, Courier New, Source Sans Pro, sans-serif; font-size: 10px; letter-spacing: .15em;}
45+
.meta a:hover {color: #333;}
46+
47+
.inline-list {list-style: none; margin: 0; padding: 0;}
48+
.inline-list li {display: inline-block;}
49+
50+
footer .inline-list li {margin-right: 40px;}
51+
footer a {border: none; color: #0068FF;}
52+
footer {margin: 0 auto; position: absolute; bottom: 55%; right: -255px; padding: 40px 0 0 0; width: 600px; -webkit-transform: rotate(-90deg);}

‎favicon.png

1.55 KB
Loading

‎index.html

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Montserrat" rel="stylesheet" type="text/css">
6+
<link rel="stylesheet" type="text/css" href="css/style2.css">
7+
<link rel="icon" href="favicon.png" type="image/x-icon">
8+
<title>Hello World</title>
9+
</head>
10+
<body>
11+
<div class="wrapper">
12+
<div class="container">
13+
<header>
14+
<h1 class="name">The Algorithms</h1>
15+
</header>
16+
<article>
17+
<p>We are an <a href="http://en.wikipedia.org/wiki/Open-source_software" target="_blank">open source</a> community started to help people find all the algorithms and data structures at a single place.</p>
18+
</article>
19+
20+
<footer>
21+
<ul class="meta inline-list"> -->
22+
<li><a href="http://www.github.com/TheAlgorithms" target="_blank">github/TheAlgorithms</a></li>
23+
</ul>
24+
</footer>
25+
</div>
26+
</div>
27+
</body>
28+
</html>

0 commit comments

Comments
 (0)