UI-molecules/section.html at master · fr3d100/UI-molecules · GitHub

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
<!DOCTYPE html>
<html>
	<head>
		<title>UI kit - Sections</title>
		<link rel="stylesheet" type="text/css" href="style.css">
		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
	</head>
	<body>
	<div class="container m-3">
		<div class="row">
			<div class="col-sm-8">
				<h1>Sections</h1>
			</div>
		</div>

		<div class="row">
			<div class="col-sm-12 col-md-6 section-img p-2">
				<img src="https://brobible.files.wordpress.com/2017/12/shutterstock_606447173.jpg?quality=90&w=650" alt="">
			</div>
			<div class="col-sm-12 col-md-6 section-text">
				<h2>Guinness Festival</h2>
				<p>This is the best beer festival in Europe. You must attend to it</p>
				<a href="#" class="text-info">See more</a>
			</div>
		</div>

	</div>
	</body>
</html>