Skip to content

Commit 2348f0f

Browse files
Wakil18Wakil18
committed
first commit
0 parents  commit 2348f0f

File tree

1 file changed

+97
-0
lines changed

1 file changed

+97
-0
lines changed

‎index.html

+97
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Invoice</title>
5+
<style type="text/css">
6+
/* CSS for styling the invoice */
7+
table {
8+
border-collapse: collapse;
9+
width: 100%;
10+
}
11+
th, td {
12+
border: 1px solid black;
13+
padding: 8px;
14+
}
15+
th {
16+
text-align: left;
17+
}
18+
/* added styles */
19+
.logo {
20+
width: 100px;
21+
height: 100px;
22+
float:right;
23+
}
24+
.company-name {
25+
font-size: 24px;
26+
font-weight: bold;
27+
float:left;
28+
margin-left: 10px;
29+
}
30+
.invoice-header {
31+
clear: both;
32+
}
33+
.invoice-from-to {
34+
width: 100%;
35+
display: flex;
36+
}
37+
.invoice-from, .invoice-to {
38+
width: 50%;
39+
padding: 10px;
40+
}
41+
</style>
42+
</head>
43+
<body>
44+
<div class="invoice-header">
45+
<img class="logo" src="https://www.example.com/logo.png" alt="Company Logo">
46+
<div class="company-name">Company Name</div>
47+
</div>
48+
<h1>Invoice</h1>
49+
<div class="invoice-from-to">
50+
<div class="invoice-from">
51+
<p><strong>Invoice From:</strong></p>
52+
<p>Company Name</p>
53+
<p>Address</p>
54+
<p>City, State ZIP</p>
55+
<p>Phone: 555-555-5555</p>
56+
</div>
57+
<div class="invoice-to">
58+
<p><strong>Invoice To:</strong></p>
59+
<p>Customer Name</p>
60+
<p>Address</p>
61+
<p>City, State ZIP</p>
62+
<p>Phone: 555-555-5555</p>
63+
</div>
64+
</div>
65+
<table>
66+
<tr>
67+
<th>Item</th>
68+
<th>Description</th>
69+
<th>Price</th>
70+
</tr>
71+
<tr>
72+
<td>Item 1</td>
73+
<td>Description of item 1</td>
74+
<td>$10.00</td>
75+
</tr>
76+
<tr>
77+
<td>Item 2</td>
78+
<td>Description of item 2</td>
79+
<td>$20.00</td>
80+
</tr>
81+
<tr>
82+
<td>Item 3</td>
83+
<td>Description of item 3</td>
84+
<td>$30.00</td>
85+
</tr>
86+
<tr>
87+
<td colspan="2" style="text-align: right;">Total:</td>
88+
<td>$60.00</td>
89+
</tr>
90+
</table>
91+
<br>
92+
<p>Total Due: $60.00</p>
93+
94+
<p>Total Due: $60.00</p>
95+
<p>Thank you for your business!</p>
96+
</body>
97+
</html>

0 commit comments

Comments
 (0)