<!doctype html>
<br>
body{<br>
font-family: tahoma;<br>
text-align: center;<br>
}<br>
header{<br>
letter-spacing: 6px;<br>
background: royalblue;<br>
padding: 20px;<br>
color: white;<br>
}<br>
h2{<br>
font-size:2em;<br>
width: 100%;<br>
}<br>
section{<br>
padding: 30px;<br>
margin-bottom: 40px;<br>
}<br>
.container{<br>
display: flex;<br>
justify-content: center;<br>
flex-wrap: wrap;<br>
}<br>
.card {<br>
border: 1px solid #ccc;<br>
background-color: ivory;<br>
margin: 25px;<br>
padding: 25px;<br>
box-shadow : 6px 6px 6px rgba (0,0,0,0.3)<br>
}<br>
@media screen and min width: 50em) {<br>
.card {<br>
flex-basis: 325px;<br>
}<br>
header h1 {<br>
font-size: 5em;<br>
}<br>
}<br>
.icons {<br>
font-size: 8em;<br>
padding: 25px;<br>
}<br>
button, .button {<br>
background: royalblue;<br>
border: 0;<br>
color: white;<br>
padding: 10px;<br>
width: 100%;<br>
margin-bottom: 10px;<br>
}<br>
td {<br>
padding: 10px;<br>
}<br>
table{<br>
margin: auto;<br>
}<br>
#my-order {<br>
background-color: #29C1C4;<br>
padding: 25px;<br>
display: none;<br>
}<br>
footer {padding: 30px;<br>
background: color: grey}<br>
Awesome IndustriesInc.
Cute Cupcakes for Best Besties
WELCOME:
VISION: To create beautiful cupcakes for clients in the Randburg area
ABOUT US: Founded in 2018, by Thandi Ndlovo. We've served over 100 clients and delivered over 10,000 tasty treats.
SERVICES://
❤
David Mukhura
Jnr. Web Developer Creates simple, beautiful websites for businesses in Soweto.
Contact
❤
David Mukhura
Jnr. Web Developer Creates simple, beautiful websites for businesses in Soweto.
Contact
MY ORDER FORM:
| Name: | |
| Address: | |
| Favourite drink: |
Milk Coffee Tea |
| Quantity: |
(max 5) |
|
|
|
thanks for visiting
"
<br>
function placeOrder(){<br>
var orderForm = document.getElementById("my-form");<br>
results = "<h3>Success!</h3> Here is your order.";<br>
results += "<br>Name: " + orderForm.elements["my-name"].value;<br>
results += "<br>Address: " + orderForm.elements["my-address"].value;<br>
results += "<br>I like to order: " + orderForm.elements["my-drink"].value;<br>
results += "<br>Quantity: " + orderForm.elements["my-qty"].value;<br>
var orderResults = document.getElementById("my-order");<br>
orderResults.style.display = "block";<br>
orderResults.innerHTML = results;<br>
}<br>
Top comments (0)