parent
77925cf24a
commit
188746108b
@ -0,0 +1,97 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html lang="en"> |
||||||
|
<head> |
||||||
|
<meta charset="utf-8"> |
||||||
|
<title>Poespas Bank</title> |
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||||
|
<meta name="description" content=""> |
||||||
|
<meta name="author" content="Paul Wagener"> |
||||||
|
|
||||||
|
<link id="callCss" rel="stylesheet" href="/themes/bank/bank.css" media="screen"/> |
||||||
|
<link id="callCss" rel="stylesheet" href="/themes/css/bootstrap.min.css" media="screen"/> |
||||||
|
<link href="/themes/css/bootstrap-responsive.min.css" rel="stylesheet"/> |
||||||
|
</head> |
||||||
|
|
||||||
|
<body> |
||||||
|
<div id="header"> |
||||||
|
<div class="container"> |
||||||
|
|
||||||
|
<!-- Navbar ================================================== --> |
||||||
|
<div id="logoArea" class="navbar"> |
||||||
|
<a class="brand" href="/bank"><img src="/themes/images/poespas.png" title="De bank die u kunt vertrouwen"></a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<!-- Header End====================================================================== --> |
||||||
|
<div id="mainBody"> |
||||||
|
<div class="container"> |
||||||
|
<div class="row"> |
||||||
|
|
||||||
|
|
||||||
|
<p>Welkom bij de Poespas Bank. De bank die u kunt vertrouwen.</p> |
||||||
|
<p>Vul alleen uw gegevens in als u zeker weet dat u zich op de echte Poespas site bevind. </p> |
||||||
|
|
||||||
|
<hr /> |
||||||
|
|
||||||
|
<div class="span4 signin-container"> |
||||||
|
|
||||||
|
<form class="form-signin"> |
||||||
|
<h3 class="form-signin-heading">Inloggen Mijn Poespas</h3> |
||||||
|
<input type="text" class="input-block-level" placeholder="Gebruikersnaam"> |
||||||
|
<input type="text" class="input-block-level" placeholder="Wachtwoord"> |
||||||
|
<button class="btn btn-primary" type="submit">Inloggen</button> |
||||||
|
</form> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<?php |
||||||
|
|
||||||
|
/** |
||||||
|
* Maak verbinding met de database |
||||||
|
*/ |
||||||
|
$connection = mysql_connect('localhost', 'webshop', 'pass') |
||||||
|
or die('Kan geen verbinding maken met MySQL'); |
||||||
|
|
||||||
|
$db = mysql_select_db('webshop_sql1', $connection) |
||||||
|
or die('Kan de database niet selecteren'); |
||||||
|
|
||||||
|
|
||||||
|
$result = mysql_query("SELECT * FROM producten") |
||||||
|
or die('Query error: ' . mysql_error()); |
||||||
|
|
||||||
|
while ($row = mysql_fetch_array($result)) { |
||||||
|
?> |
||||||
|
|
||||||
|
<li class="span3"> |
||||||
|
<div class="thumbnail"> |
||||||
|
<a href="product_detail.php?id=<?php echo $row['id'] ?>"><img src="/themes/images/products/<?php echo $row['afbeelding']; ?>" alt=""/></a>
|
||||||
|
<div class="caption"> |
||||||
|
<h5><?php echo $row['naam']?></h5>
|
||||||
|
<p> |
||||||
|
<?php echo $row['beschrijving'] ?> |
||||||
|
</p> |
||||||
|
<h4 style="text-align:center"><a class="btn btn-primary" href="product_detail.php?id=<?php echo $row['id'] ?>">€<?php echo $row['prijs'] ?></a></h4>
|
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</li> |
||||||
|
|
||||||
|
<?php |
||||||
|
} |
||||||
|
|
||||||
|
mysql_close($connection); |
||||||
|
?> |
||||||
|
</ul> |
||||||
|
<hr class="soft"/> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<!-- MainBody End ============================= --> |
||||||
|
</body> |
||||||
|
</html> |
||||||
@ -0,0 +1,97 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html lang="en"> |
||||||
|
<head> |
||||||
|
<meta charset="utf-8"> |
||||||
|
<title>Lekkende Kranen Empirium</title> |
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||||
|
<meta name="description" content=""> |
||||||
|
<meta name="author" content="Paul Wagener"> |
||||||
|
|
||||||
|
<link id="callCss" rel="stylesheet" href="/themes/bootshop/bootstrap.min.css" media="screen"/> |
||||||
|
<link href="/themes/css/base.css" rel="stylesheet" media="screen"/> |
||||||
|
<link href="/themes/css/bootstrap-responsive.min.css" rel="stylesheet"/> |
||||||
|
<link href="/themes/css/font-awesome.css" rel="stylesheet" type="text/css"> |
||||||
|
</head> |
||||||
|
|
||||||
|
<body> |
||||||
|
<div id="header"> |
||||||
|
<div class="container"> |
||||||
|
|
||||||
|
<div id="welcomeLine" class="row"> |
||||||
|
</div> |
||||||
|
|
||||||
|
<!-- Navbar ================================================== --> |
||||||
|
<div id="logoArea" class="navbar"> |
||||||
|
<a id="smallScreen" data-target="#topMenu" data-toggle="collapse" class="btn btn-navbar"> |
||||||
|
<span class="icon-bar"></span> |
||||||
|
<span class="icon-bar"></span> |
||||||
|
<span class="icon-bar"></span> |
||||||
|
</a> |
||||||
|
<div class="navbar-inner"> |
||||||
|
<a class="brand" href="/webshop"><img src="/themes/images/logo.png" alt="Leaky's Kranen Emporium"/></a> |
||||||
|
<form class="form-inline navbar-search" method="post" action="products.html" > |
||||||
|
</form> |
||||||
|
<ul id="topMenu" class="nav pull-right"> |
||||||
|
|
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<!-- Header End====================================================================== --> |
||||||
|
<div id="mainBody"> |
||||||
|
<div class="container"> |
||||||
|
<div class="row"> |
||||||
|
|
||||||
|
<div class="span12"> |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<?php |
||||||
|
|
||||||
|
/** |
||||||
|
* Maak verbinding met de database |
||||||
|
*/ |
||||||
|
$connection = mysql_connect('localhost', 'webshop', 'pass') |
||||||
|
or die('Kan geen verbinding maken met MySQL'); |
||||||
|
|
||||||
|
$db = mysql_select_db('webshop_sql1', $connection) |
||||||
|
or die('Could not select database'); |
||||||
|
|
||||||
|
$query = 'SELECT naam, afbeelding, beschrijving, prijs FROM producten WHERE id = ' . $_GET['id']; |
||||||
|
$result = mysql_query($query) |
||||||
|
or die('<div class="alert alert-danger">Query error: <pre>' . mysql_error() . '</pre>Query: <code>' . $query . '</code> </div>'); |
||||||
|
|
||||||
|
$row = mysql_fetch_array($result); |
||||||
|
|
||||||
|
mysql_close($connection); |
||||||
|
?> |
||||||
|
|
||||||
|
<div class="row"> |
||||||
|
|
||||||
|
<div id="gallery" class="span3"> |
||||||
|
<img src="/themes/images/products/<?php echo $row['afbeelding'] ?>" style="width:100%"/>
|
||||||
|
</div> |
||||||
|
<div class="span6"> |
||||||
|
<h3><?php echo $row['naam'] ?></h3>
|
||||||
|
<small><?php echo $row['beschrijving'] ?></small>
|
||||||
|
<hr class="soft"/> |
||||||
|
<form class="form-horizontal qtyFrm"> |
||||||
|
<div class="control-group"> |
||||||
|
<label class="control-label"><span>€<?php echo $row['prijs'] ?></span></label>
|
||||||
|
</form> |
||||||
|
|
||||||
|
<hr class="soft"/> |
||||||
|
<h4>Dit item is op voorraad</h4> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<!-- MainBody End ============================= --> |
||||||
|
</body> |
||||||
|
</html> |
||||||
@ -0,0 +1,31 @@ |
|||||||
|
.navbar { |
||||||
|
border-bottom: 7px solid #ff6600; |
||||||
|
} |
||||||
|
|
||||||
|
.brand { |
||||||
|
width: 70%; |
||||||
|
margin-left: auto !important; |
||||||
|
margin-right: auto !important; |
||||||
|
float: none !important; |
||||||
|
display: block; |
||||||
|
} |
||||||
|
|
||||||
|
.navbar p { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
.signin-container { |
||||||
|
margin-top: 30px; |
||||||
|
margin-left: auto !important; |
||||||
|
margin-right: auto !important; |
||||||
|
float: none !important; |
||||||
|
} |
||||||
|
|
||||||
|
h3 { |
||||||
|
color: #ff6600 !important; |
||||||
|
} |
||||||
|
|
||||||
|
.btn-primary { |
||||||
|
background-image: linear-gradient(to bottom,#ff6600,#ee4400) !important; |
||||||
|
background-color: red !important; |
||||||
|
} |
||||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 39 KiB |
Loading…
Reference in new issue