mirror of
https://github.com/dawidolko/Website-Templates.git
synced 2026-02-04 01:30:03 +00:00
Website templates
This commit is contained in:
Dawid Olko
BIN
metropolis/bg.png
Normal file
BIN
metropolis/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
metropolis/headerbg.gif
Normal file
BIN
metropolis/headerbg.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
92
metropolis/index.html
Normal file
92
metropolis/index.html
Normal file
@@ -0,0 +1,92 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||||
<head>
|
||||
|
||||
<!-- change this to the title you want to appear in browser title bar -->
|
||||
|
||||
<title>Metropolis</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="author" content="dreamLogic" />
|
||||
<meta name="description" content=" " />
|
||||
<link rel="stylesheet" href="style.css" type="text/css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id="wrap">
|
||||
|
||||
|
||||
<!-- the title that appear in the page header -->
|
||||
|
||||
<div id="title">METROPOLIS</div>
|
||||
|
||||
|
||||
|
||||
<div id="navcontainer">
|
||||
<ul id="navlist">
|
||||
<li><a href="#">home</a></li>
|
||||
<li><a href="#">blog</a></li>
|
||||
<li><a href="#">portfolio</a></li>
|
||||
<li><a href="#">links</a></li>
|
||||
<li><a href="#">contact</a></li>
|
||||
<li><a href="http://validator.w3.org/check?uri=referer">xhtml</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="container">
|
||||
<div id="content">
|
||||
|
||||
<!-- here is your page content -->
|
||||
|
||||
<div class="pullquote">
|
||||
<p>...Sed felis. Phasellus enim. <b>Aliquam malesuada</b> mi eu erat. <b>Suspendisse </b> potenti... </p>
|
||||
</div>
|
||||
|
||||
<h3>Welcome!</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam at libero. Suspendisse non risus a diam convallis lobortis. Duis iaculis, nisi sed varius feugiat, dolor ipsum pharetra quam, ut malesuada nisl enim vel nunc. Quisque eget leo. Donec dignissim odio et purus. Nunc congue consequat libero. Aenean nec libero eget nulla euismod scelerisque.
|
||||
</p>
|
||||
<p>
|
||||
Aliquam erat volutpat. Etiam tellus magna, ultrices quis, porttitor non, bibendum quis, lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed felis. Phasellus enim. Aliquam malesuada mi eu erat. Suspendisse potenti. In diam ante, sagittis vel, rutrum at, fringilla pulvinar, nunc.
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<h3>About the Designer</h3>
|
||||
<p>dreamLogic has been creating custom web designs and applications for over 9 years.
|
||||
For more templates, web applications, and our portfolio, visit <a href="http://www.dream-logic.com">dreamLogic Web Design</a>.
|
||||
</p>
|
||||
<p>
|
||||
Vivamus rhoncus tellus non mi. Ut nisl dolor, nonummy sed, volutpat vel, pulvinar at, urna. Curabitur ut velit ut mauris elementum aliquam. Sed arcu. Phasellus varius semper metus.
|
||||
</p>
|
||||
|
||||
<h3>About this Design</h3>
|
||||
<p>
|
||||
This template is released as an open source web design, which means that you are free to use it in
|
||||
any way you want, and edit it in any way you want to. We ask that you leave the
|
||||
"Web design by dreamLogic" link in the footer as a friendly gesture,
|
||||
we would appreciate it very much. But there are no obligations so go ahead if you really want to remove it.
|
||||
</p>
|
||||
|
||||
<!-- end page content -->
|
||||
|
||||
|
||||
|
||||
<p class="footer">
|
||||
<!-- it'd be super if you left this link intact -->
|
||||
|
||||
<a href="http://www.dream-logic.com">Web Design by dreamLogic</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
1
metropolis/license.txt
Normal file
1
metropolis/license.txt
Normal file
@@ -0,0 +1 @@
|
||||
This work is public domain.
|
||||
5
metropolis/readme.md
Normal file
5
metropolis/readme.md
Normal file
@@ -0,0 +1,5 @@
|
||||
## Project Description
|
||||
|
||||
* [live example](https://learning-zone.github.io/website-templates/metropolis/)
|
||||
|
||||
|
||||
109
metropolis/style.css
Normal file
109
metropolis/style.css
Normal file
@@ -0,0 +1,109 @@
|
||||
body{
|
||||
background:url(headerbg.gif) repeat-x #000000 bottom left fixed;
|
||||
margin:0;
|
||||
font: 10pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
A:link{ color:#CCCCFF; text-decoration:none; }
|
||||
A:hover{ color:#FFFFFF; text-decoration:underline; }
|
||||
A:active{ color:#CCCCFF; text-decoration:none; }
|
||||
A:active:hover{ color:#FFFFFF; text-decoration:underline; }
|
||||
A:visited{ color:#CCCCFF; text-decoration:none; }
|
||||
A:visited:hover{ color:#FFFFFF; text-decoration:underline; }
|
||||
|
||||
#wrap{
|
||||
width:100%;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
margin-top:20px;
|
||||
background:transparent;
|
||||
border:0;
|
||||
}
|
||||
|
||||
#navcontainer{
|
||||
background:transparent;
|
||||
width:134px;
|
||||
height:574px;
|
||||
position:absolute;
|
||||
margin-top:20px;
|
||||
margin-left:500px;
|
||||
}
|
||||
|
||||
#navlist li{
|
||||
background:transparent;
|
||||
list-style-type: none;
|
||||
text-align:left;
|
||||
font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
|
||||
font-size:14px;
|
||||
letter-spacing:-2px;
|
||||
color:#666666;
|
||||
width:150px;
|
||||
}
|
||||
|
||||
#navlist li a:link { color: #CCCCFF; text-decoration:none; }
|
||||
#navlist li a:visited { color: #CCCCFF; text-decoration:none; }
|
||||
#navlist li a:hover {color: #FFFFFF; text-decoration:none; }
|
||||
|
||||
h3{
|
||||
font-size:18px;
|
||||
font-weight:bold;
|
||||
color:#CCCCFF;
|
||||
letter-spacing:-3px;
|
||||
font-style:normal;
|
||||
}
|
||||
|
||||
#container{
|
||||
width:500px;
|
||||
margin0px;
|
||||
background:url(bg.png) transparent;
|
||||
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='bg.png');
|
||||
/*filter:alpha(opacity=25);
|
||||
-moz-opacity: 0.25;
|
||||
opacity: 0.25;*/
|
||||
}
|
||||
|
||||
#content{
|
||||
width:450px;
|
||||
/*margin:0px;*/
|
||||
padding:30px;
|
||||
padding-bottom:300px;
|
||||
text-align:justify;
|
||||
font: 9pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
|
||||
color:#FFFFFF;
|
||||
}
|
||||
|
||||
.footer{
|
||||
padding:9px;
|
||||
text-align:right;
|
||||
text-transform:uppercase;
|
||||
font: 8pt/18pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
|
||||
color:#333333;
|
||||
}
|
||||
|
||||
#title{
|
||||
background:#333333;
|
||||
text-align:right;
|
||||
padding:9px;
|
||||
font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
|
||||
font-size:10px;
|
||||
text-transform:uppercase;
|
||||
color:#FFFFFF;
|
||||
}
|
||||
|
||||
|
||||
.pullquote {
|
||||
color:green;
|
||||
width:150px;
|
||||
float:right;
|
||||
width:150px;
|
||||
margin-top:10px;
|
||||
margin-bottom:10px;
|
||||
margin-left:10px;
|
||||
padding-bottom:10px;
|
||||
font-family:'Lucida Grande', Helvetica, sans-serif;
|
||||
font-size: 24px;
|
||||
line-height:26px;
|
||||
letter-spacing:-3px;
|
||||
text-align: right;
|
||||
color:#999999;
|
||||
}
|
||||
Reference in New Issue
Block a user