-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
96 lines (87 loc) · 2.91 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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<!DOCTYPE html>
<html>
<head>
<title>Shehwa's Artwork</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="./slick/slick.css">
<link rel="stylesheet" type="text/css" href="./slick/slick-theme.css">
<link rel="stylesheet" type="text/css" href="./main.css">
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script&family=Montserrat&display=swap" rel="stylesheet">
</head>
<body>
<div class="topbar">
<h1>Shehwa's Artwork</h1>
</div>
<div class="bio">
<div class="txt">
<h2>About me!</h2>
<p>Hey it’s Shehwa here, I’m a young and self taught artist. Whenever I have a pencil in my hand I start to draw the mini movies playing in my head. I do it for fun and the happiness it brings me.</p>
<p>Dm me for your own self portraits.</p>
</div>
</div>
<section class="vertical-center-4 slider">
<div>
<img src="https://i.ibb.co/DQsTPZS/IMG-7123.jpg">
</div>
<div>
<img src="https://i.ibb.co/yqC1P1g/IMG-6780.jpg">
</div>
<div>
<img src="https://i.ibb.co/YccykSH/IMG-6794.jpg">
</div>
<div>
<img src= "https://i.ibb.co/jDMt7QR/IMG-5377.jpg">
</div>
<div>
<img src="https://i.ibb.co/XWHZp2g/IMG-5659.jpg">
</div>
<div>
<img src="https://i.ibb.co/DV2bsc5/IMG-6035.jpg">
</div>
<div>
<img src="https://i.ibb.co/MnmdJHp/IMG-6187.jpg">
</div>
<div>
<img src="https://i.ibb.co/G9HrD3S/IMG-6128.jpg">
</div>
<div>
<img src="https://i.ibb.co/wLdZqmp/IMG-6330.jpg">
</div>
<div>
<img src="https://i.ibb.co/SBcGgZ5/IMG-6424.jpg">
</div>
<div>
<img src="https://i.ibb.co/R927CVh/IMG-6474.jpg">
</div>
<div>
<img src= "https://i.ibb.co/2Pp1gW6/IMG-6568.jpg">
</div>
<div>
<img src= "https://i.ibb.co/ySh3BFy/7-A06-B46-B-9-D4-A-4-C16-A3-BB-9815-D56-A5-D5-E.jpg">
</div>
<div>
<img src= "https://i.ibb.co/yW1Zkv9/D8712-AF8-B763-4-A47-BCDB-743-FBFFC965-B.jpg">
</div>
<div>
<img src= "https://i.ibb.co/4Jg6t3L/54434-FB7-84-B9-4744-9075-9-CE963-D4-E370.jpg">
</div>
</section>
<script src="https://code.jquery.com/jquery-2.2.0.min.js " type="text/javascript "></script>
<script src="./slick/slick.js " type="text/javascript " charset="utf-8 "></script>
<script>
$(document).on('ready', function() {
$(".vertical-center-4").slick({
adaptiveHeight: true,
arrows: false,
autoplay: true,
autoplaySpeed: 1000,
dots: true,
infinite: true,
speed: 500,
fade: true,
cssEase: 'linear',
});
});
</script>
</body>
</html>