Update placeOnline.gtpl
This commit is contained in:
parent
15f6d5b175
commit
eb534dea3a
@ -46,7 +46,6 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
background-color: #f2f2f2;
|
|
||||||
padding: 5px 20px 15px 20px;
|
padding: 5px 20px 15px 20px;
|
||||||
border: 1px solid lightgrey;
|
border: 1px solid lightgrey;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
@ -65,12 +64,6 @@ label {
|
|||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-container {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
padding: 7px 0;
|
|
||||||
font-size: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
background-color: #4CAF50;
|
background-color: #4CAF50;
|
||||||
color: white;
|
color: white;
|
||||||
@ -83,31 +76,12 @@ label {
|
|||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn:hover {
|
|
||||||
background-color: #45a049;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #2196F3;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
|
||||||
border: 1px solid lightgrey;
|
|
||||||
}
|
|
||||||
|
|
||||||
span.price {
|
span.price {
|
||||||
float: right;
|
float: right;
|
||||||
color: grey;
|
color: grey;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 800px) {
|
|
||||||
.row {
|
|
||||||
flex-direction: column-reverse;
|
|
||||||
}
|
|
||||||
.col-25 {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@ -116,7 +90,7 @@ span.price {
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-75">
|
<div class="col-75">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<form action="/placeOnline" method="POST">
|
<form action="/zaplacono" method="POST">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-50">
|
<div class="col-50">
|
||||||
<h3>Adres rozliczeniowy</h3>
|
<h3>Adres rozliczeniowy</h3>
|
||||||
@ -142,14 +116,7 @@ span.price {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-50">
|
<div class="col-50">
|
||||||
<h3>Zapłata</h3>
|
<h3>Karta debetowa</h3>
|
||||||
<label for="fname">Akceptowane karty</label>
|
|
||||||
<div class="icon-container">
|
|
||||||
<i class="fa fa-cc-visa" style="color:navy;"></i>
|
|
||||||
<i class="fa fa-cc-amex" style="color:blue;"></i>
|
|
||||||
<i class="fa fa-cc-mastercard" style="color:red;"></i>
|
|
||||||
<i class="fa fa-cc-discover" style="color:orange;"></i>
|
|
||||||
</div>
|
|
||||||
<label for="cname">Imię na karcie</label>
|
<label for="cname">Imię na karcie</label>
|
||||||
<input type="text" id="cname" name="cardname" placeholder="Krystian Kłopocki">
|
<input type="text" id="cname" name="cardname" placeholder="Krystian Kłopocki">
|
||||||
<label for="ccnum">Numer karty kredytowej</label>
|
<label for="ccnum">Numer karty kredytowej</label>
|
||||||
@ -172,13 +139,13 @@ span.price {
|
|||||||
<label>
|
<label>
|
||||||
<input type="checkbox" checked="checked" name="sameadr"> Adres do faktury taki sam jak powyżej
|
<input type="checkbox" checked="checked" name="sameadr"> Adres do faktury taki sam jak powyżej
|
||||||
</label>
|
</label>
|
||||||
<input type="submit" name="place" value="Kontynuuj płacenie" class="btn">
|
<input type="submit" value="Kontynuuj płacenie" class="btn">
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-25">
|
<div class="col-25">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<p>Całkowity koszt <span class="price" style="color:black"><b>{{.Zaplac}} zł</b></span></p>
|
<p><h3>Całkowity koszt <span class="price" style="color:black"><b>{{.Zaplac}} zł</b></h3></span></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user