HTML-CSS-Coursework-Week3/index2.html at master · DouglasVDM/HTML-CSS-Coursework-Week3 · GitHub

55 lines (45 loc) · 2.12 KB

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

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">

<title>Responsive Cake webpage</title>

<link rel="stylesheet" href="style.css">

</head>

<body>

<main>

<header class="header">

<div class="logo">

<img class="header-img" src="img/deva-williamson-pZZJwwNPy2k-unsplash.jpg" alt="logo-image">

</div>

<nav class="navbar">

<ul>

<li class="nav-links">Home</li>

<li class="nav-links">Cakes</li>

<li class="nav-links">Order</li>

<li class="nav-links">Lessons</li>

<li class="nav-links">About Us</li>

<li class="nav-links">Contact Us</li>

</ul>

</nav>

<h1>

<small class="text-muted">The Cake Refinery</small>

</h1>

<section class="carousel-container">

<div class="container">

<div class="row row-cols-2">

<div class="col-sm"><img src="img/domonique-davenport-IyfwmOF6D14-unsplash.jpg" alt="cake1" class="slider-image"></div>

<div class="col-sm"><img src="img/kelvin-yup-a-niLBbZF4o-unsplash.jpg" alt="cake2" class="slider-image"></div>

<div class="col-sm"><img src="img/meritt-thomas-Ao09kk2ovB0-unsplash.jpg" alt="cake3" class="slider-image"></div>

<div class="col-sm"><img src="img/pratiksha-mohanty-SxHxyNx-6YI-unsplash.jpg" alt="cake4" class="slider-image"></div>

</div>

</div>

</section>

</main>

</body>

</html>