web-development/index.html at main · epicbuzz/web-development · GitHub

55 lines (46 loc) · 1.48 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>

<link rel="shortcut icon" href="./resources/images/favicon_io/site.webmanifest" type="image/x-icon">

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

<link rel="stylesheet" href="./resources/css/styles.css">

<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet">

<meta charset="UTF-8">

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

<title>Web Development</title>

</head>

<style>

.class-box{

width: 18rem;

align-self: normal;

}

.class-box a{

margin-top: auto;

}

</style>

<body>

<header class="d-flex align-items-center border-primary bg-primary">

<div class="logo-wrapper ms-3">

<img src="./resources/images/infiniti-dev_logo.png" alt="logo" width="130px" height="100px">

</div>

<div class="d-flex align-items-center justify-content-center w-100">

<h2 class="text-white">LIVE SECTION</h2>

</div>

</header>

<div class="container">

<div id="classList"></div>

</div>

<template id="classtemplate">

<div class="card">

<div class="card-title">

<h2> {{heading}}</h2>

</div>

<div class="card-body">

</div>

<div class="card-footer">

</div>

</div>

</template>

<script src="./resources/js/script.js"></script>

</body>

</html>