-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
109 lines (102 loc) · 10.6 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
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Profile Card</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="main">
<div class="card">
<div class="pic">
<<<<<<< HEAD:Index.html
<svg id="wave" style="transform:rotate(180deg); transition: 0.3s" viewBox="0 0 1440 490" version="1.1" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="sw-gradient-0" x1="0" x2="0" y1="1" y2="0"><stop stop-color="rgba(218.219, 62, 243, 1)" offset="0%"></stop><stop stop-color="rgba(221.594, 11, 255, 1)" offset="100%"></stop></linearGradient></defs><path style="transform:translate(0, 0px); opacity:1" fill="url(#sw-gradient-0)" d="M0,343L60,310.3C120,278,240,212,360,228.7C480,245,600,343,720,326.7C840,310,960,180,1080,155.2C1200,131,1320,212,1440,212.3C1560,212,1680,131,1800,81.7C1920,33,2040,16,2160,8.2C2280,0,2400,0,2520,49C2640,98,2760,196,2880,245C3000,294,3120,294,3240,318.5C3360,343,3480,392,3600,408.3C3720,425,3840,408,3960,392C4080,376,4200,359,4320,302.2C4440,245,4560,147,4680,163.3C4800,180,4920,310,5040,326.7C5160,343,5280,245,5400,171.5C5520,98,5640,49,5760,81.7C5880,114,6000,229,6120,294C6240,359,6360,376,6480,351.2C6600,327,6720,261,6840,236.8C6960,212,7080,229,7200,269.5C7320,310,7440,376,7560,392C7680,408,7800,376,7920,359.3C8040,343,8160,343,8280,302.2C8400,261,8520,180,8580,138.8L8640,98L8640,490L8580,490C8520,490,8400,490,8280,490C8160,490,8040,490,7920,490C7800,490,7680,490,7560,490C7440,490,7320,490,7200,490C7080,490,6960,490,6840,490C6720,490,6600,490,6480,490C6360,490,6240,490,6120,490C6000,490,5880,490,5760,490C5640,490,5520,490,5400,490C5280,490,5160,490,5040,490C4920,490,4800,490,4680,490C4560,490,4440,490,4320,490C4200,490,4080,490,3960,490C3840,490,3720,490,3600,490C3480,490,3360,490,3240,490C3120,490,3000,490,2880,490C2760,490,2640,490,2520,490C2400,490,2280,490,2160,490C2040,490,1920,490,1800,490C1680,490,1560,490,1440,490C1320,490,1200,490,1080,490C960,490,840,490,720,490C600,490,480,490,360,490C240,490,120,490,60,490L0,490Z"></path><defs><linearGradient id="sw-gradient-1" x1="0" x2="0" y1="1" y2="0"><stop stop-color="rgba(205.957, 62, 243, 1)" offset="0%"></stop><stop stop-color="rgba(147.206, 11, 255, 1)" offset="100%"></stop></linearGradient></defs><path style="transform:translate(0, 50px); opacity:0.9" fill="url(#sw-gradient-1)" d="M0,49L60,89.8C120,131,240,212,360,269.5C480,327,600,359,720,310.3C840,261,960,131,1080,114.3C1200,98,1320,196,1440,253.2C1560,310,1680,327,1800,343C1920,359,2040,376,2160,326.7C2280,278,2400,163,2520,138.8C2640,114,2760,180,2880,196C3000,212,3120,180,3240,187.8C3360,196,3480,245,3600,277.7C3720,310,3840,327,3960,294C4080,261,4200,180,4320,179.7C4440,180,4560,261,4680,269.5C4800,278,4920,212,5040,196C5160,180,5280,212,5400,253.2C5520,294,5640,343,5760,310.3C5880,278,6000,163,6120,114.3C6240,65,6360,82,6480,106.2C6600,131,6720,163,6840,196C6960,229,7080,261,7200,269.5C7320,278,7440,261,7560,261.3C7680,261,7800,278,7920,294C8040,310,8160,327,8280,351.2C8400,376,8520,408,8580,424.7L8640,441L8640,490L8580,490C8520,490,8400,490,8280,490C8160,490,8040,490,7920,490C7800,490,7680,490,7560,490C7440,490,7320,490,7200,490C7080,490,6960,490,6840,490C6720,490,6600,490,6480,490C6360,490,6240,490,6120,490C6000,490,5880,490,5760,490C5640,490,5520,490,5400,490C5280,490,5160,490,5040,490C4920,490,4800,490,4680,490C4560,490,4440,490,4320,490C4200,490,4080,490,3960,490C3840,490,3720,490,3600,490C3480,490,3360,490,3240,490C3120,490,3000,490,2880,490C2760,490,2640,490,2520,490C2400,490,2280,490,2160,490C2040,490,1920,490,1800,490C1680,490,1560,490,1440,490C1320,490,1200,490,1080,490C960,490,840,490,720,490C600,490,480,490,360,490C240,490,120,490,60,490L0,490Z"></path></svg>
<img src="imgpp.jpg" alt="image">
</div>
<div class="content">
<h2>Yasir Akhlaque</h2>
<span>@ak__yasir_28</span>
<ul>
<li>
<a href="#">
<i class="fa-brands fa-facebook"></i>
</a>
</li>
<li>
<a href="#">
<i class="fa-brands fa-linkedin"></i>
</a>
</li>
<li>
<a href="#">
<i class="fa-brands fa-x-twitter"></i>
</a>
</li>
<li>
<a href="#">
</a>
</li>
</ul>
<p>Hello World!,I am Yasir Akhlaque . I am currently pursuing my bachelor's degree from DBRAU , Agra.
</p>
<div class="btns">
<button class="follow">Follow</button>
<button class="msg">Message</button>
</div>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>
=======
<!--wave svg-->
<svg id="wave" style="transform:rotate(180deg); transition: 0.3s" viewBox="0 0 1440 490" version="1.1" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="sw-gradient-0" x1="0" x2="0" y1="1" y2="0"><stop stop-color="rgba(218.219, 62, 243, 1)" offset="0%"></stop><stop stop-color="rgba(221.594, 11, 255, 1)" offset="100%"></stop></linearGradient></defs><path style="transform:translate(0, 0px); opacity:1" fill="url(#sw-gradient-0)" d="M0,343L60,310.3C120,278,240,212,360,228.7C480,245,600,343,720,326.7C840,310,960,180,1080,155.2C1200,131,1320,212,1440,212.3C1560,212,1680,131,1800,81.7C1920,33,2040,16,2160,8.2C2280,0,2400,0,2520,49C2640,98,2760,196,2880,245C3000,294,3120,294,3240,318.5C3360,343,3480,392,3600,408.3C3720,425,3840,408,3960,392C4080,376,4200,359,4320,302.2C4440,245,4560,147,4680,163.3C4800,180,4920,310,5040,326.7C5160,343,5280,245,5400,171.5C5520,98,5640,49,5760,81.7C5880,114,6000,229,6120,294C6240,359,6360,376,6480,351.2C6600,327,6720,261,6840,236.8C6960,212,7080,229,7200,269.5C7320,310,7440,376,7560,392C7680,408,7800,376,7920,359.3C8040,343,8160,343,8280,302.2C8400,261,8520,180,8580,138.8L8640,98L8640,490L8580,490C8520,490,8400,490,8280,490C8160,490,8040,490,7920,490C7800,490,7680,490,7560,490C7440,490,7320,490,7200,490C7080,490,6960,490,6840,490C6720,490,6600,490,6480,490C6360,490,6240,490,6120,490C6000,490,5880,490,5760,490C5640,490,5520,490,5400,490C5280,490,5160,490,5040,490C4920,490,4800,490,4680,490C4560,490,4440,490,4320,490C4200,490,4080,490,3960,490C3840,490,3720,490,3600,490C3480,490,3360,490,3240,490C3120,490,3000,490,2880,490C2760,490,2640,490,2520,490C2400,490,2280,490,2160,490C2040,490,1920,490,1800,490C1680,490,1560,490,1440,490C1320,490,1200,490,1080,490C960,490,840,490,720,490C600,490,480,490,360,490C240,490,120,490,60,490L0,490Z"></path><defs><linearGradient id="sw-gradient-1" x1="0" x2="0" y1="1" y2="0"><stop stop-color="rgba(205.957, 62, 243, 1)" offset="0%"></stop><stop stop-color="rgba(147.206, 11, 255, 1)" offset="100%"></stop></linearGradient></defs><path style="transform:translate(0, 50px); opacity:0.9" fill="url(#sw-gradient-1)" d="M0,49L60,89.8C120,131,240,212,360,269.5C480,327,600,359,720,310.3C840,261,960,131,1080,114.3C1200,98,1320,196,1440,253.2C1560,310,1680,327,1800,343C1920,359,2040,376,2160,326.7C2280,278,2400,163,2520,138.8C2640,114,2760,180,2880,196C3000,212,3120,180,3240,187.8C3360,196,3480,245,3600,277.7C3720,310,3840,327,3960,294C4080,261,4200,180,4320,179.7C4440,180,4560,261,4680,269.5C4800,278,4920,212,5040,196C5160,180,5280,212,5400,253.2C5520,294,5640,343,5760,310.3C5880,278,6000,163,6120,114.3C6240,65,6360,82,6480,106.2C6600,131,6720,163,6840,196C6960,229,7080,261,7200,269.5C7320,278,7440,261,7560,261.3C7680,261,7800,278,7920,294C8040,310,8160,327,8280,351.2C8400,376,8520,408,8580,424.7L8640,441L8640,490L8580,490C8520,490,8400,490,8280,490C8160,490,8040,490,7920,490C7800,490,7680,490,7560,490C7440,490,7320,490,7200,490C7080,490,6960,490,6840,490C6720,490,6600,490,6480,490C6360,490,6240,490,6120,490C6000,490,5880,490,5760,490C5640,490,5520,490,5400,490C5280,490,5160,490,5040,490C4920,490,4800,490,4680,490C4560,490,4440,490,4320,490C4200,490,4080,490,3960,490C3840,490,3720,490,3600,490C3480,490,3360,490,3240,490C3120,490,3000,490,2880,490C2760,490,2640,490,2520,490C2400,490,2280,490,2160,490C2040,490,1920,490,1800,490C1680,490,1560,490,1440,490C1320,490,1200,490,1080,490C960,490,840,490,720,490C600,490,480,490,360,490C240,490,120,490,60,490L0,490Z"></path></svg>
<img src="imgpp.jpg" alt="image">
</div>
<div class="content">
<h2>Yasir Akhlaque</h2>
<span>@ak__yasir_28</span>
<ul>
<li>
<a href="#">
<i class="fa-brands fa-facebook"></i>
</a>
</li>
<li>
<a href="#">
<i class="fa-brands fa-linkedin"></i>
</a>
</li>
<li>
<a href="#">
<i class="fa-brands fa-x-twitter"></i>
</a>
</li>
<li>
<a href="#">
<i class="fa-brands fa-instagram"></i>
</a>
</li>
</ul>
<p>Hello World!,I am Yasir Akhlaque . I am currently pursuing my bachelor's degree from DBRAU , Agra.
</p>
<div class="btns">
<button class="follow">Follow</button>
<button class="msg">Message</button>
</div>
</div>
</div>
</div>
</body>
</html>
>>>>>>> 4061a767c39e733762f8a9019b0f6e38fdd16d5a:index.html