-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
67 lines (57 loc) · 3.25 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
<!DOCTYPE html>
<html lang="en">
<head>
<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>Git Hub. HW №9</title>
<link rel="stylesheet" href="./assets/bootstrap-5-css/bootstrap.css">
<link rel="stylesheet" href="./assets/fontawesome/css/all.css">
<link rel="stylesheet" href="./assets/css/style.css">
</head>
<body>
<div class="box">
<div class="container py-1 m-auto shadow-lg
d-flex">
<div class="photo m-2 shadow-sm flex-grow-1 d-flex justify-content-center align-items-center">
<div class="card h-100 p-2 border-0 rounded-0 d-flex flex-column justify-content-center align-items-center">
<img class="img-thumbnail w-50 border-0 mb-2 d-inline" src="./assets/img/svetav.png" class="card-img-top" alt="SvetaV">
<!--<div class="card-body p-2 d-flex flex-column justify-content-center align-items-center"> -->
<h5 class="card-title fw-bold">Vorobiova Svetlana</h5>
<p class="card-text mt-1"> Front-end developer</p>
<a href="#" class="btn rounded-0 mt-2">
Go somewhere
</a>
<!--</div>-->
</div>
</div>
<div class="main flex-grow-2 d-flex flex-column">
<div class="activities m-2 flex-grow-1 d-flex flex-row justify-content-between">
<div class="contributions shadow-sm
d-flex flex-column justify-content-center ">
<p class="text-center">
3536
</p>
<p class="text-center">contributions</p>
</div>
<div class="followers shadow-sm
d-flex flex-column justify-content-center">
<p class="text-center">758</p>
<p class="text-center">followers</p>
</div>
<div class="repositories shadow-sm
d-flex flex-column justify-content-center">
<p class="text-center">119</p>
<p class="text-center">repositories</p>
</div>
</div>
<div class="about-self p-2 m-2 shadow-sm flex-grow-1
d-flex flex-column justify-content-center align-items-center">
<h5 class="mb-3 text-center fw-bold">More about Svetlana</h5>
<p class="px-5">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet quaerat maiores molestias natus, ullam ipsa facilis aliquam eum, deserunt id deleniti soluta molestiae autem ratione fugit eos distinctio nostrum ab illum incidunt exercitationem sunt, culpa ipsam rem? Excepturi quisquam optio laudantium. Minus voluptatem expedita, quidem aliquam dolores quis temporibus velit, itaque ratione nihil nobis ipsa vitae aliquid non, asperiores consectetur.</p>
</div>
</div>
</div>
</div>
</body>
</html>