/
Teksti i organizuar ne kolona.html
108 lines (89 loc) · 2.45 KB
/
Teksti i organizuar ne kolona.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
a:link {
color: rgb(197, 52, 52);
}
a:visited {
color:rgb(197, 52, 52) ;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
body {
color: grey;
}
* {
box-sizing: border-box;
}
.column {
float: left;
width: 33.33%;
padding: 10px;
height: 350px;
}
.row:after {
content: "";
display: table;
clear: both;
}
.button{
background-color: rgb(197, 52, 52);
border: none;
color: white;
border-radius: 8px;
font-size: 16px;
padding: 10px 14px;
cursor: pointer;
margin: 4px 0;
}
input[type=text], select {
width: 100%;
padding: 12px 20px;
margin: 4px 0;
border-radius: 4px;
background-color: rgb(51, 47, 47);
border: none;
font size: 14px;
}
</style>
</head>
<body>
<div class="row">
<div class="column" style="background-color:#282828;">
<h2>LATEST POST(S)</h2>
<p>Posted by Admin on 00.00.0000</p>
<br>
<p>Vestibulumaccumsan egestibulum eu justo
convallis augue estas aenean elit intesque sed.
Facilispede estibulum nulla orna nisl velit ac
aliquat non tincidunt. Namjusto cras urna
urnaretra lor urna neque sed quis orci nulla.
Laoremut vitae doloreet.</p>
<br>
<a href="https://www.lipsum.com/">Read more ⋙</a>
</div>
<div class="column" style="background-color:#282828;">
<h2>CONTACT DETAILS</h2>
<p>Company Name<br>Street Name & Number<br>Town<br>Postcode/Zip<br>
<a href="https://www.google.com/maps"><br>Click Here for a Map To Find US ⋙</a><br>Tel: xxxxx xxxxxxxxx<br>Fax: xxxxx xxxxxxxxx<br>Email:<a href="https://www.gmail.com/">contact@mydomain.com</a>
<br>
</div>
<div class="column" style="background-color:#282828;">
<h2>Newsletter</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</p>
<div>
<form action="/action_page.php">
<input type="text" id="fname" name="name" placeholder="Name">
<input type="text" id="lname" name="email" placeholder="Email">
<br>
<button class="button">SUBMIT</button>
</div>
</div>
</body>
</html>