-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
71 lines (69 loc) · 3.78 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<!--Denna resp. har hela bootstrap sourcen under /dist-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<br>
<br>
<div class="card text-dark bg-warning mb-3" style="margin-left:50px; margin-right: 50px; max-width: 30rem;">
<img src="/baseline_code_black_24dp.png" class="card-img-top" alt="...">
<div class="card-header">
Detta är mitt card
</div>
<div class="card-body">
<h5 class="card-title">Damian</h5>
<p class="card-text">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Suscipit nihil aliquid ducimus? Ut, atque? Cumque laudantium tenetur in enim est nihil omnis, maxime beatae dicta! Praesentium possimus earum iste ipsum? Soluta sunt voluptatibus totam molestiae dignissimos error sequi dolores ea! Tempora rerum quis animi, aperiam minima odio, suscipit itaque aliquam iste pariatur placeat dicta labore facere magni. Recusandae provident cupiditate voluptatibus ab perferendis similique possimus eius minima consectetur impedit sint id alias vel inventore aut nemo laudantium suscipit magni, tempora pariatur assumenda magnam blanditiis laborum maxime? Sed enim laborum debitis quas dicta ipsum, molestiae asperiores est sunt quidem, aut maiores.</p>
<a href="#" class="btn btn-primary">Öppna Kortet</a>
</div>
</div>
<br>
<br>
<div class="row row-cols-1 row-cols-md-3 g-4">
<div class="col">
<div class="card">
<img src="https://i.ytimg.com/vi/DFCYL98NQ8M/maxresdefault.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="https://i.ytimg.com/vi/dGgbt6gJYUA/maxresdefault.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="https://cdn.shopify.com/s/files/1/0342/0015/8343/products/TomuHoodie_b29382b2-ef85-418e-8a39-8f0e02bc3f7f.jpg?v=1589472313" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content.</p>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="https://i.ytimg.com/vi/Mi6B81-Nbj0/maxresdefault.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
</div>
</div>
</div>
</div>
<br>
<h1> Damian: </h1>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>