FazBrowse GitHub Viewer | Trending | | Home

Tools: [Download Repo ZIP] [View Raw Code] [Original HTTPS Page]

HTML-CSS-Practice-Problems/level-3/solution/solution.html at master · 16smithcha/HTML-CSS-Practice-Problems · GitHub

68 lines (52 loc) · 1.97 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

56

57

58

59

60

61

62

63

64

65

66

67

68

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>level-3</title>

<link rel="stylesheet" href="../../base/base.css">

<link rel="stylesheet" href="./step-1.css">

<link rel="stylesheet" href="./step-2.css">

</head>

<body>

<main class="main-wrapper">

<section class="main-top-section">

<header class="top-header">

<div class="menu">

<img class="menu-icon" src="../img/icons/MENU.png" alt="menu icon">

</div>

<div class="logo">

<img class="logo-icon" src="../img/icons/dev-shop.png" alt="logo icon">

</div>

<div class="sign-in">

<img class="sign-in-icon" src="../img/icons/Sign_In.png" alt="sign in icon">

</div>

</header>

<div class="bottom-container">

<img class="shop-icon" src="../img/icons/Shop_Deals.png" alt="shop icon">

</div>

</section>

<section class="main-bottom-section">

<div class="item tops">

<img class="item-image" src="../img/Tops.png" alt="tops">

</div>

<div class="item bottoms">

<img class="item-image" src="../img/bottoms.png" alt="bottoms">

</div>

<div class="full-width-item accessories">

<img class="item-image" src="../img/accessories.png" alt="accessories">

</div>

<div class="large-item">

<img class="item-image" src="../img/collection.png" alt="collection">

</div>

<div class="item kicks">

<img class="item-image" src="../img/kicks.png" alt="kicks">

</div>

<div class="item hats">

<img class="item-image" src="../img/hats.png" alt="hats">

</div>

</section>

</main>

</body>

</html>

Back | FazBrowse Home | New Git URL