-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
112 lines (103 loc) · 6.05 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
110
111
112
<!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">
<link rel="stylesheet" href="./input.css">
<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=Quintessential&display=swap" rel="stylesheet">
<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=Bree+Serif&display=swap" rel="stylesheet">
<link rel="apple-touch-icon" sizes="180x180" href="media/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="media/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="media/favicon-16x16.png">
<link rel="manifest" href="media/site.webmanifest">
<link rel="stylesheet" href="button css/button.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://kit.fontawesome.com/yourcode.js" crossorigin="anonymous"></script>
<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=Baloo+Bhaijaan+2&display=swap" rel="stylesheet">
<script src="https://cdn.tailwindcss.com"></script>
<title>YogaMate - Home</title>
</head>
<body class="bg-gradient-to-r from-cyan-500 to-blue-500 inline" >
<section class="mx-2" id="home">
<div id="nav" class="flex">
<img src="./media/YOGA MATE LOGO.png" alt="" class="m-4 rounded-[50px] ml-[50px]" height="75px" width="75px">
</div>
<div class="ml-[75%] mt-[-120px]">
<img src="./media/NAME.png" alt="" class="" height="100px" width="250px">
</div>
<div id="left_side" class=" text-white h-[250px] w-[50%] mt-[50px] font-extrabold ml-[50px] mt-[200px] text-5xl font-mono ">
<h1 class=" font-press-start tracking-wider text-6xl">Do Yoga Anywhere</h1>
<h4 class="text-2xl mt-[25px]" >Welcome to our yoga mate app, It is a portable web app with user friendly UI.</h4>
<div class="mt-16 ml-28 text-2xl">
<form method="get" action="./main.html">
<button class="offset" type="submit" >Start Yoga</button>
</form>
</div>
</div>
<div id="right-side" class=" float-right text-violet-500 h-[200px] w-[300px] mt-[-300px] mr-[70px] " >
<img src="media/source.gif" alt="" >
</div>
</section>
<section class="mx-0 my-0 mt-64" id="about_section">
<h1 class="m-0 text-center text-4xl font-mono font-bold">About us</h1>
<div class="mt-12">
<img src="./media/mohit.png" alt="MOHIT" height="100px" width="400px" ckass="float-left">
<div class="float-right mr-[150px] text-center mt-[-250px] bg-white bg-opacity-50 h-[200px] w-[15rem] p-5 rounded-lg font-Baloo ">
<h1 class="font-bold">Mohit Namdev</h1>
<h2>B.Tech(CSE) I-Year Student</h2>
<h2>I Love doing Front-End Development</h2>
<div class="social mt-[30px]">
<a class="mail" href="mailto:[email protected]" target="_blank">
<i class="fa fa-google fa-lg" aria-hidden="true" id="gog"></i>
</a>
<a class="link-linkedin" href="https://www.linkedin.com/in/mohit-namdev-5a875221b/" target="_blank">
<i class="fa fa-linkedin-square fa-lg" aria-hidden="true" id="gog"></i>
</a>
<a class="link-github" href="https://github.com/MohitNamdev22" target="_blank">
<i class="fa fa-github fa-lg" aria-hidden="true" id="gog"></i>
</a>
<a class="link-instagram" href="https://www.instagram.com/mohit_namdev03/" target="_blank">
<i class="fa fa-instagram fa-lg" aria-hidden="true" id="gog"></i>
</a>
</div>
</div>
</div>
<div class="mt-[50px]">
<img src="./media/ary.png" alt="" height="100px" width="500px" class="float-right">
<div class="float-left text-center mt-[55px] ml-[100px] bg-white bg-opacity-50 h-[200px] w-[15rem] p-5 rounded-lg font-Baloo" >
<h1 class="font-bold">Aradhya Tiwari</h1>
<h2>B.Tech(CS-AI) I-Year Student</h2>
<h2>Web Dev Enthusiast, Working on Backed-Development</h2>
<div class="social mt-[30px]">
<a class="mail" href="mailto:[email protected]" target="_blank">
<i class="fa fa-google fa-lg" aria-hidden="true" id="gog"></i>
</a>
<a class="link-linkedin" href="https://www.linkedin.com/in/aradhya-tiwari-7ab767144/" target="_blank">
<i class="fa fa-linkedin-square fa-lg" aria-hidden="true" id="gog"></i>
</a>
<a class="link-github" href="https://github.com/aradhyatiwari" target="_blank">
<i class="fa fa-github fa-lg" aria-hidden="true" id="gog"></i>
</a>
<a class="link-instagram" href="https://www.instagram.com/arytiwa10/" target="_blank">
<i class="fa fa-instagram fa-lg" aria-hidden="true" id="gog"></i>
</a>
</div>
</div>
</div>
<div class="w-[80%] h-[220px] bg-white bg-opacity-50 ml-[10%] mt-[30rem] mb-16 text-center p-3 font-Baloo font-bold tracking-wide">
<h1>We have made this Project for Hackosphere Hackathon organised by MUGDSC</h1>
<div class="flex ml-[450px] mt-[50px]">
<img src="./media/GDSC (1).png" alt="" class="w-[100px] h-[100px] mx-15">
<img src="./media/nakshatra.png" alt="" class="h-[100px] w-[170px] bg-black rounded-lg mx-5">
</div>
</div>
</section>
</body>
</html>