Skip to content

Commit 953347e

Browse files
kucebkuceb
committed
init
0 parents  commit 953347e

15 files changed

+2348
-0
lines changed

‎assets/css/font-awesome.min.css

+4
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/css/images/overlay.png

3.45 KB
Loading

‎assets/css/main.css

+1,557
Large diffs are not rendered by default.

‎assets/fonts/FontAwesome.otf

122 KB
Binary file not shown.

‎assets/fonts/fontawesome-webfont.eot

74.7 KB
Binary file not shown.

‎assets/fonts/fontawesome-webfont.svg

+685
Loading

‎assets/fonts/fontawesome-webfont.ttf

149 KB
Binary file not shown.

‎assets/fonts/fontawesome-webfont.woff

88.3 KB
Binary file not shown.

‎assets/fonts/fontawesome-webfont.woff2

70.2 KB
Binary file not shown.

‎images/banner.jpg

59.3 KB
Loading

‎images/pic01.jpg

121 KB
Loading

‎images/pic02.jpg

180 KB
Loading

‎images/pic03.jpg

92.9 KB
Loading

‎images/pic04.jpg

181 KB
Loading

‎index.html

+102
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
7+
<link rel="stylesheet" href="assets/css/main.css" />
8+
9+
<title>Document</title>
10+
</head>
11+
<body>
12+
13+
<header id="header" class="alt">
14+
<div class="inner">
15+
<h1>Hello World</h1>
16+
<p>There's nothing here yet...</p>
17+
</div>
18+
</header>
19+
20+
<div id="wrapper">
21+
22+
<!-- Banner -->
23+
<section id="intro" class="main">
24+
<span class="icon fa-diamond major"></span>
25+
<h2>Magna porta maximus</h2>
26+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae<br />
27+
malesuada turpis. Nam pellentesque in ac aliquam. Aliquam tempor<br />
28+
mi porta egestas maximus lorem ipsum dolor.</p>
29+
<ul class="actions">
30+
<li><a href="#" class="button big">Learn More</a></li>
31+
</ul>
32+
</section>
33+
34+
<!-- Items -->
35+
<section class="main items">
36+
<article class="item">
37+
<header>
38+
<a href="#"><img src="images/pic01.jpg" alt="" /></a>
39+
<h3>Feugiat et faucibus</h3>
40+
</header>
41+
<p>Fusce malesuada efficitur venenatis. Pellentesque tempor leo sed massa hendrerit hendrerit. In sed feugiat est, eu congue elit. Ut porta magna vel felis sodales vulputate. Donec faucibus dapibus lacus non ornare.</p>
42+
<ul class="actions">
43+
<li><a href="#" class="button">More</a></li>
44+
</ul>
45+
</article>
46+
<article class="item">
47+
<header>
48+
<a href="#"><img src="images/pic02.jpg" alt="" /></a>
49+
<h3>Blandit adipiscing</h3>
50+
</header>
51+
<p>Fusce malesuada efficitur venenatis. Pellentesque tempor leo sed massa hendrerit hendrerit. In sed feugiat est, eu congue elit. Ut porta magna vel felis sodales vulputate. Donec faucibus dapibus lacus non ornare.</p>
52+
<ul class="actions">
53+
<li><a href="#" class="button">More</a></li>
54+
</ul>
55+
</article>
56+
<article class="item">
57+
<header>
58+
<a href="#"><img src="images/pic03.jpg" alt="" /></a>
59+
<h3>Lorem massa nulla</h3>
60+
</header>
61+
<p>Fusce malesuada efficitur venenatis. Pellentesque tempor leo sed massa hendrerit hendrerit. In sed feugiat est, eu congue elit. Ut porta magna vel felis sodales vulputate. Donec faucibus dapibus lacus non ornare.</p>
62+
<ul class="actions">
63+
<li><a href="#" class="button">More</a></li>
64+
</ul>
65+
</article>
66+
<article class="item">
67+
<header>
68+
<a href="#"><img src="images/pic04.jpg" alt="" /></a>
69+
<h3>Ipsum sed tempus</h3>
70+
</header>
71+
<p>Fusce malesuada efficitur venenatis. Pellentesque tempor leo sed massa hendrerit hendrerit. In sed feugiat est, eu congue elit. Ut porta magna vel felis sodales vulputate. Donec faucibus dapibus lacus non ornare.</p>
72+
<ul class="actions">
73+
<li><a href="#" class="button">More</a></li>
74+
</ul>
75+
</article>
76+
</section>
77+
78+
<!-- CTA -->
79+
<section id="cta" class="main special">
80+
<h2>Etiam veroeros lorem</h2>
81+
<p>Phasellus ac augue ac magna auctor tempus proin<br />
82+
accumsan lacus a nibh commodo in pellentesque dui<br />
83+
in hac habitasse platea dictumst.</p>
84+
<ul class="actions">
85+
<li><a href="#" class="button big">Get Started</a></li>
86+
</ul>
87+
</section>
88+
89+
<footer id="footer">
90+
<ul class="icons">
91+
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
92+
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
93+
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
94+
<li><a href="#" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
95+
<li><a href="#" class="icon fa-envelope"><span class="label">Email</span></a></li>
96+
</ul>
97+
<p class="copyright">&copy; Nobody</p>
98+
</footer>
99+
100+
</div>
101+
</body>
102+
</html>

0 commit comments

Comments
 (0)