parent
9cc837f8b1
commit
4064f010bd
|
@ -1,77 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="ntf-8" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="kazzoostyle.css"/>
|
||||
<link href="#Comment and buy section">
|
||||
|
||||
|
||||
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 25%;
|
||||
background-color: #333;
|
||||
position: fixed;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
li a {
|
||||
display: block;
|
||||
color: #555;
|
||||
padding: 8px 16px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
li a.active {
|
||||
background-color: #555;
|
||||
color: white;
|
||||
}
|
||||
|
||||
li a:hover:not(.active) {
|
||||
background-color: #555;
|
||||
color: white;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<ul>
|
||||
<li><a class="home" href="Kazoo">Home</a></li>
|
||||
<li><a href="Comment and buy section">Comment</a></li>
|
||||
<li><a href="contact">Contact</a></li>
|
||||
<li><a href="#about">About</a></li>
|
||||
</ul>
|
||||
|
||||
<div style="margin-left:25%;padding:1px 16px;height:1000px;">
|
||||
<h2>Kazzoo, the Open Trade Portal</h2>
|
||||
<h3> Commtents and Requests </h3>
|
||||
<p>
|
||||
|
||||
<form action="demo_form.asp" id="usrform">
|
||||
Name: <input type="text" name="usrname">
|
||||
<input type="submit">
|
||||
</form>
|
||||
<br>
|
||||
<textarea rows="4" cols="50" name="comment" form="usrform">
|
||||
Enter text here...</textarea>
|
||||
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
69
Contact
69
Contact
|
@ -1,69 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="ntf-8" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="kazzoostyle.css"/>
|
||||
<link href="#Contact">
|
||||
|
||||
|
||||
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 25%;
|
||||
background-color: #333;
|
||||
position: fixed;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
li a {
|
||||
display: block;
|
||||
color: #555;
|
||||
padding: 8px 16px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
li a.active {
|
||||
background-color: #555;
|
||||
color: white;
|
||||
}
|
||||
|
||||
li a:hover:not(.active) {
|
||||
background-color: #555;
|
||||
color: white;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<ul>
|
||||
<li><a class="home" href="Kazoo">Home</a></li>
|
||||
<li><a href="Comment and buy section">Comment</a></li>
|
||||
<li><a href="Contact">Contact</a></li>
|
||||
<li><a href="#about">About</a></li>
|
||||
</ul>
|
||||
|
||||
<div style="margin-left:25%;padding:1px 16px;height:1000px;">
|
||||
<h2>Kazzoo, the Open Trade Portal</h2>
|
||||
<h3> Contact </h3>
|
||||
<p>
|
||||
|
||||
|
||||
<div class="wrapper">
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -1,19 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
|
||||
<head>
|
||||
<title> Kazzoo the Open-Webshop</title>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="kazzoostyle.css" type="text/css"/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1> Kazzoo, the Open Trade Portal </h1>
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="ntf-8">
|
||||
<meta name ="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="css/stylesheet.css"/>
|
||||
<script type ="text/javascript" src="js/jquery-3.0.0.min.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div>
|
||||
<div>
|
||||
<header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="howto.html">HowTo</a></li>
|
||||
<li><a href="ticket.html">Ticket</a></li>
|
||||
<li><a href="kunden.html">Kunden</a></li>
|
||||
<li><a class="active" href="board.html">Board</a></li>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<p> Board </p>
|
||||
</body>
|
||||
|
||||
</html>
|
14
comment.html
14
comment.html
|
@ -1,14 +0,0 @@
|
|||
<form method='post'>
|
||||
NAME: <input type='text' name='name' id='name' /><br />
|
||||
|
||||
Email: <input type='text' name='email' id='email' /><br />
|
||||
|
||||
Website: <input type='text' name='website' id='website' /><br />
|
||||
|
||||
Comment:<br />
|
||||
<textarea name='comment' id='comment'></textarea><br />
|
||||
|
||||
<input type='hidden' name='articleid' id='articleid' value='<? echo $_GET["id"]; ?>' />
|
||||
|
||||
<input type='submit' value='Submit' />
|
||||
</form>
|
|
@ -0,0 +1,25 @@
|
|||
/*Navigation */
|
||||
ul {
|
||||
list-style-type:none;
|
||||
overflow: hidden;
|
||||
background-color:none;
|
||||
image-orientation: left;
|
||||
}
|
||||
li {
|
||||
float: right;
|
||||
}
|
||||
li a {
|
||||
display: block;
|
||||
color: grey;
|
||||
text-align: center;
|
||||
padding: 18px 16px;
|
||||
text-decoration: none;
|
||||
}
|
||||
li a:hover {
|
||||
background-color: #111;
|
||||
}
|
||||
li {
|
||||
border-right: 1px solid #bbb;
|
||||
border-left: 1px solid #bbb;
|
||||
}
|
||||
/*navigaton end */
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="ntf-8">
|
||||
<meta name ="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="css/stylesheet.css"/>
|
||||
<script type ="text/javascript" src="js/jquery-3.0.0.min.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div>
|
||||
<div>
|
||||
<header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a class="active" href="howto.html">HowTo</a></li>
|
||||
<li><a href="ticket.html">Ticket</a></li>
|
||||
<li><a href="kunden.html">Kunden</a></li>
|
||||
<li><a href="board.html">Board</a></li>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
</div>
|
||||
</div>
|
||||
<p>HowTo</p>
|
||||
</body>
|
||||
|
||||
</html>
|
70
index.html
70
index.html
|
@ -2,64 +2,30 @@
|
|||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="ntf-8" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="kazzoostyle.css"/>
|
||||
<link href="#Kazoo">
|
||||
<meta charset="ntf-8">
|
||||
<meta name ="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="css/stylesheet.css"/>
|
||||
|
||||
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 25%;
|
||||
background-color: #333;
|
||||
position: fixed;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
li a {
|
||||
display: block;
|
||||
color: #555;
|
||||
padding: 8px 16px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
li a.active {
|
||||
background-color: #555;
|
||||
color: white;
|
||||
}
|
||||
|
||||
li a:hover:not(.active) {
|
||||
background-color: #555;
|
||||
color: white;
|
||||
}
|
||||
</style>
|
||||
<script type ="text/javascript" src="js/jquery-3.0.0.min.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<ul>
|
||||
<li><a class="home" href="Kazoo">Home</a></li>
|
||||
<li><a href="Comment and buy section">Comment</a></li>
|
||||
<li><a href="Contact">Contact</a></li>
|
||||
<li><a href="#about">About</a></li>
|
||||
<div>
|
||||
<div>
|
||||
<header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="howto.html">HowTo</a></li>
|
||||
<li><a href="ticket.html">Ticket</a></li>
|
||||
<li><a href="kunden.html">Kunden</a></li>
|
||||
<li><a href="board.html">Board</a></li>
|
||||
<li><a class="active" href="index.html">Home</a></li>
|
||||
</ul>
|
||||
|
||||
<div style="margin-left:25%;padding:1px 16px;height:1000px;">
|
||||
<h2>Kazzoo, the Open Trade Portal
|
||||
<div class="wrapper">
|
||||
|
||||
</nav>
|
||||
</header>
|
||||
</div>
|
||||
</h2>
|
||||
<h3>What is possible in Kazzoo???</h3>
|
||||
|
||||
</div>
|
||||
|
||||
<p>Home</p>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
@ -0,0 +1,11 @@
|
|||
var isPopped = false;
|
||||
$("#series-wrapper").css("top", -120);
|
||||
$("#series").click(function(){
|
||||
if(!isPopped){
|
||||
$("#series-wrapper").animate({top:"55px"},500);
|
||||
isPopped = true;
|
||||
}else{
|
||||
$("#series-wrapper").animate({top:"-120px"},500);
|
||||
isPopped= false;
|
||||
}
|
||||
});
|
File diff suppressed because one or more lines are too long
|
@ -1,25 +0,0 @@
|
|||
body{
|
||||
|
||||
background-image: url(images.jpg);
|
||||
}
|
||||
h1{
|
||||
font-size: 25pt;
|
||||
font-family: fantasy;
|
||||
color: darkgrey;
|
||||
text-align: center;
|
||||
text-decoration: underline;
|
||||
background-color: rgba(2, 250,250, 0.8);
|
||||
}
|
||||
p{
|
||||
border-radius: 10px;
|
||||
border-style: solid;
|
||||
|
||||
}
|
||||
|
||||
.wrapper{
|
||||
|
||||
width:auto;;
|
||||
max-width: inherit;
|
||||
margin: 20px;
|
||||
|
||||
}
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="ntf-8">
|
||||
<meta name ="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="css/stylesheet.css"/>
|
||||
<script type ="text/javascript" src="js/jquery-3.0.0.min.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div>
|
||||
<div>
|
||||
<header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="howto.html">HowTo</a></li>
|
||||
<li><a href="ticket.html">Ticket</a></li>
|
||||
<li><a class="active" href="kunden.html">Kunden</a></li>
|
||||
<li><a href="board.html">Board</a></li>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
</div>
|
||||
</div>
|
||||
<p>Kunden</p>
|
||||
</body>
|
||||
|
||||
</html>
|
65
mystyle.css
65
mystyle.css
|
@ -1,65 +0,0 @@
|
|||
background: url(background.jpg) no-repeat center fixed;
|
||||
background-size: cover;
|
||||
|
||||
ul {
|
||||
border: 1px solid #555;
|
||||
}
|
||||
|
||||
li {
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #555;
|
||||
}
|
||||
|
||||
li:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 25%;
|
||||
background-color: #f1f1f1;
|
||||
height: 100%; /* Full height */
|
||||
position: fixed; /* Make it stick, even on scroll */
|
||||
overflow: auto; /* Enable scrolling if the sidenav has too much content */
|
||||
}
|
||||
li a {
|
||||
display: block;
|
||||
color: #000;
|
||||
padding: 8px 16px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
li a.active {
|
||||
background-color: #4CAF50;
|
||||
color: white;
|
||||
}
|
||||
|
||||
li a:hover:not(.active) {
|
||||
background-color: #555;
|
||||
color: white;
|
||||
}
|
||||
<div style="margin-left:25%;padding:1px 16px;height:1000px;">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.dropdown {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.dropdown-content {
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: #f9f9f9;
|
||||
min-width: 160px;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||||
padding: 12px 16px;
|
||||
}
|
||||
|
||||
.dropdown:hover .dropdown-content {
|
||||
display: block;
|
||||
}
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="ntf-8">
|
||||
<meta name ="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="css/stylesheet.css"/>
|
||||
<script type ="text/javascript" src="js/jquery-3.0.0.min.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div>
|
||||
<div>
|
||||
<header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="howto.html">HowTo</a></li>
|
||||
<li><a class="active" href="ticket.html">Ticket</a></li>
|
||||
<li><a href="kunden.html">Kunden</a></li>
|
||||
<li><a href="board.html">Board</a></li>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
</div>
|
||||
</div>
|
||||
<p>Ticket</p>
|
||||
</body>
|
||||
|
||||
</html>
|
Loading…
Reference in New Issue