s434659/ForumElektroniki
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Prześlij pliki do ''

Browse Source
This commit is contained in:
Michał Rosiński 2019-01-14 16:10:44 +00:00
parent 6a4d95f45a
commit 19ca2b697a
2 changed files with 194 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
index.php Normal file
View File

@ -0,0 +1,59 @@
<html><head>
<meta charset="utf-8">
<title>Forum Elektroniki</title>
<link rel="Stylesheet" href="styles.css" type="text/css">
</head>
<body>
<div id="container">
<div class="top">
<div id="top-left">
<a href="https://forumelektroniki.projektstudencki.pl"><img id="logo" src="logo.png"></a>
</div>
<div id="top-center">
<br>
</div>
<div id="top-right">
<br>
</div>
</div>
<div class="reset-settings"></div>
<div class="menu-bar">
<div id="menu-bar-left">
<br>
</div>
<div id="menu-bar-center">
<br>
</div>
<div id="menu-bar-right">
<a href="https://forumelektroniki.projektstudencki.pl/login.html" id="login-button" class="button">Logowanie</a>
</div>
</div>
<div class="reset-settings"></div>
<div id="content">
<ul>
<li><a href="cat1.php">Kategoria 1</a></li><br>
<li><a href="cat2.php">Kategoria 2</a></li><br>
<li><a href="cat3.php">Kategoria 3</a></li><br>
<li><a href="cat4.php">Kategoria 4</a></li><br>
<li><a href="cat5.php">Kategoria 5</a></li><br>
<li><a href="cat6.php">Kategoria 6</a></li><br>
</ul>
</div>
<div id="footer">
<center>© DINO grupa projektowa 3</center>
</div>
</div>
</body></html>

135
styles.css Normal file
View File

@ -0,0 +1,135 @@
body
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: ;
}
li
{
float: center;
}
li a{
display: block;
color: black;
text-align: center;
padding: 0%;
text-decoration: none;
background-color: orange;
}
{
margin: 0px;
}
.reset-settings
{
clear: both;
}
#container
{
width: auto;
higher: auto;
}
.top
{
text-align: center;
float: left;
padding-top: 0.9%;
padding-bottom: 0.5%;
padding-left: 0.4%;
padding-right: 0.4%;
width: 99.2%;
background: linear-gradient(#0014ff, #00dcff);
}
#top-left
{
width: 20%;
float: left;
}
#top-center
{
width: 60%;
float: left;
}
#top-right
{
width: 20%;
float: left;
}
#logo
{
width: 100%;
}
.menu-bar
{
text-align: center;
float: left;
padding-top: 0.5%;
padding-bottom: 0.5%;
padding-left: 0.4%;
padding-right: 0.4%;
width: 99.2%;
background: #0095ff;;
}
#menu-bar-left
{
width: 30%;
float: left;
}
#menu-bar-center
{
width: 60%;
float: left;
}
#menu-bar-right
{
width: 10%;
float: left;
}
#login-button
{
padding: 2% 5.5%;
border-radius: 7px;
}
.button
{
background: #b400ff;
text-decoration: none;
color: black;
}
.button:hover
{
background: #d97eff;
}
.button:active
{
background: #ffd664;
}
#content
{
padding: 5% 15%;
}
#footer
{
background: #0095ff;
padding: 0.2%;
}