-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
100 lines (82 loc) · 1.84 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
97
98
99
100
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<head>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
body {
background: #474747;
margin: 70px;
}
h1 {
display: block;
text-decoration: none;
font: 70px Helvetica, Arial, Sans-Serif;
letter-spacing: -5px;
text-align: center;
color: #999;
text-shadow: 0px 3px 8px #2a2a2a;
}
h3 {
font: 30px Tahoma, Helvetica, Arial, Sans-Serif;
text-align: center;
color: #222;
text-shadow: 0px 2px 3px #555;
}
h4 {
font: 20px Tahoma, Helvetica, Arial, Sans-Serif;
text-align: center;
color: #222;
text-shadow: 0px 2px 3px #555;
}
img.bg {
/* Set rules to fill background */
min-height: 100%;
min-width: 1024px;
/* Set up proportionate scaling */
width: 90%;
height: auto;
/* Set up positioning */
/*position: fixed;*/
top: 30;
left: 30;
}
#bgImg {
background-image: url("andrew-draper-291560-unsplash_cropped_low.jpg");
background-size: cover;
min-width: 100%;
min-height: 80%;
}
a {
color: white;
}
</style>
</head>
<body>
<header>
<div class="d3vTitle">
<h1> Welcome to D3v's AI world</h1>
<h3> Discoveries in progress...</h3>
<h4> Contact me at: <span style="color:white;">devendra4sci@gmail.com </span></h4>
</div>
</header>
<main>
<div>
<h4>Loding...</h4>
</div>
<div id="bgImg">
</div>
</main>
<footer>
<div>
<p align="right">Photo by <a href="https://unsplash.com/@andalexander"
data-href="https://unsplash.com/@andalexander" target="_blank">Andrew Draper</a> on <a
href="https://unsplash.com" data-href="https://unsplash.com" target="_blank">Unsplash</a> </p>
</div>
</footer>
</body>
</html>