-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathVinoth.php
98 lines (85 loc) · 2.56 KB
/
Vinoth.php
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<title>V PACK</title>
<style>
body {
background-image: url(bioimg.jpg);
background-repeat: no-repeat;
background-position:cover;
background-size: cover;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.image-container {
text-align: center;
width: 100%;
}
.links-container {
display: flex;
flex-direction: column;
jusify-content: center;
align-items: center;
}
.link {
min-width: 50% !important;
}
@media (min-width: 1200px) .container {
max-width: 1140px;
}
@media (min-width: 992px) .container {
max-width: 960px;
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
.link {
width: 100%;
}
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
.w3-purple, .w3-hover-purple:hover {
color: #fff!important;
background-color: rgba(156, 39, 176, 0.6) !important;
}
</style>
</head>
<body class="w3-white">
<!-- Content container -->
<div class="container">
<!-- Image and name container. Change to your picture here. -->
<div class="image-container">
<img src="vinoth.jpg" class="w3-margin" alt="Photo by Art Hauntington" max-width="100%" height="150px" style="border-radius: 50%; alt=">
<div class="w3-text-black">
<p class="w3-large"><strong>Hi, I'm Vinoth, Studying B.E Computer Science and Engineering in KPR Institute of Engineering and Technology at Coimbatore.
<br>
See what I am up to.</strong></p>
</div>
<!-- Links section 1. Replace the # inside of the "" with your links. -->
<div class="links-container">
<a href="https://www.instagram.com/_m.vinoth_/" class="w3-button w3-hover-blue w3-large w3-round w3-purple w3-border link"><i class="fab fa-instagram"> </i>Instagram</a>
<br>
<a href="https://www.linkedin.com/in/vinoth-m-b66b25239/" class="w3-button w3-hover-blue w3-large w3-round w3-purple w3-border link"><i class="fab fa-twitter"> </i>Linkedin</a>
<br>
<a href="https://www.guvi.in/vinothmurugesan18" class="w3-button w3-hover-blue w3-large w3-round w3-purple w3-border link"><i class="fa fa-code"> </i>GUVI</a>
<br>
<a href="vinothproject.html" class="w3-button w3-hover-blue w3-large w3-round w3-purple w3-border link"><i class="fab fa-twitter"> </i>back</a>
<br>
</div>
</div>
</div>
</body>
</html>