forked from RayLikesAnime/Connectify
-
Notifications
You must be signed in to change notification settings - Fork 0
/
roommate.html
145 lines (143 loc) · 11.1 KB
/
roommate.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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!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 href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<title>Select Roommate</title>
</head>
<body background="b2.jpg">
<section class="text-gray-600 body-font">
<div class="container px-5 py-16 mx-auto">
<div class="flex flex-wrap w-full mb-20">
<div class="lg:w-1/2 w-full mb-6 lg:mb-0">
<h1 class="sm:text-3xl text-2xl font-medium title-font mb-2 text-gray-900">Find your Roommate</h1>
</div>
<div class="flex flex-wrap -m-4">
<div class="xl:w-1/4 md:w-1/2 p-4">
<div class="bg-gray-100 p-6 rounded-lg">
<a href="chats.html"><img class="h-40 rounded w-full object-cover object-center mb-6" src="pp1.jpg" alt="content"></a>
<h3 class="tracking-widest text-indigo-500 text-xs font-medium title-font">New York</h3>
<a class="text-lg text-gray-900 font-medium title-font mb-4">MISTIC</a>
<p class="leading-relaxed text-base">I'm an award-winning content writer who has eight years of experience creating compelling articles and short stories. I'm continuously searching for new topics and stories to capture the attention of new readers. With my knowledge and experience, I can help you fulfill your content creation goals.</p>
<a href="chats.html" class="text-indigo-500 inline-flex items-center mt-4">Message them
<svg class="w-4 h-4 ml-2" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 12h14"></path>
<path d="M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
</div>
<div class="xl:w-1/4 md:w-1/2 p-4">
<div class="bg-gray-100 p-6 rounded-lg">
<a href="chats.html"><img class="h-40 rounded w-full object-cover object-center mb-6" src="pp2.jpg" alt="content"></a>
<h3 class="tracking-widest text-indigo-500 text-xs font-medium title-font">Mumbai</h3>
<h2 class="text-lg text-gray-900 font-medium title-font mb-4">Atharva Gadicar </h2>
<p class="leading-relaxed text-base">I'm an experienced graphic designer with over 10 years of experience specializing in logo design. Besides hosting several graphic design seminars, I also create relevant and original logos that enhance a company's brand recognition. My unique experience and creative mindset help companies remain current in a consistently evolving market.</p>
<a href="chats.html" class="text-indigo-500 inline-flex items-center mt-4">Message them
<svg class="w-4 h-4 ml-2" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 12h14"></path>
<path d="M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
</div>
<div class="xl:w-1/4 md:w-1/2 p-4">
<div class="bg-gray-100 p-6 rounded-lg">
<a href="chats.html"><img class="h-40 rounded w-full object-cover object-center mb-6" src="mitsua.jpg" alt="content"></a>
<h3 class="tracking-widest text-indigo-500 text-xs font-medium title-font">London</h3>
<h2 class="text-lg text-gray-900 font-medium title-font mb-4">Upma Kums</h2>
<p class="leading-relaxed text-base">I'm a registered nurse who's made it his life's mission to provide compassionate care and support to everyone. With over 12 years of experience in nursing and critical care, my experience can allow me to help care facilities manage and care for a wide variety of individuals. I'm dedicated to providing you with the best care and support that you need to recover and maintain your health.</p>
<a href="chats.html" class="text-indigo-500 inline-flex items-center mt-4">Message them
<svg class="w-4 h-4 ml-2" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 12h14"></path>
<path d="M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
</div>
<div class="xl:w-1/4 md:w-1/2 p-4">
<div class="bg-gray-100 p-6 rounded-lg">
<a href="chats.html"><img class="h-40 rounded w-full object-cover object-center mb-6" src="pp4.jpg" alt="content"></a>
<h3 class="tracking-widest text-indigo-500 text-xs font-medium title-font">Amsterdam</h3>
<h2 class="text-lg text-gray-900 font-medium title-font mb-4">Nikki Bharadwaj</h2>
<p class="leading-relaxed text-base">My name is Nikki, and I'm a well-versed photographer. My skills in photo editing, lighting and other photography concepts help me craft visually appealing pieces of art. I value using optimal lighting circumstances and landscapes to capture unique moments that fulfill my customer's specifications.</p>
<a href="chats.html" class="text-indigo-500 inline-flex items-center mt-4">Message them
<svg class="w-4 h-4 ml-2" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 12h14"></path>
<path d="M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
</div>
<div class="xl:w-1/4 md:w-1/2 p-4">
<div class="bg-gray-100 p-6 rounded-lg">
<a href="chats.html"><img class="h-40 rounded w-full object-cover object-center mb-6" src="pp5.jpg" alt="content"></a>
<h3 class="tracking-widest text-indigo-500 text-xs font-medium title-font">New Delhi</h3>
<h2 class="text-lg text-gray-900 font-medium title-font mb-4">Rimdhi Karra</h2>
<p class="leading-relaxed text-base">Hello, I'm Rimdhi. I'm an innovative and dedicated interior design professional dedicated to satisfying my customers' design requirements. I enjoy the challenge of finding unique ways to fulfill my customers' needs.</p>
<a href="chats.html" class="text-indigo-500 inline-flex items-center mt-4">Message them
<svg class="w-4 h-4 ml-2" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 12h14"></path>
<path d="M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
</div>
<div class="xl:w-1/4 md:w-1/2 p-4">
<div class="bg-gray-100 p-6 rounded-lg">
<a href="chats.html"><img class="h-40 rounded w-full object-cover object-center mb-6" src="pp6.jpg" alt="content"></a>
<h3 class="tracking-widest text-indigo-500 text-xs font-medium title-font">Lucknow</h3>
<h2 class="text-lg text-gray-900 font-medium title-font mb-4">Keshu Panda</h2>
<p class="leading-relaxed text-base">My name is Keshu. I have eight years of experience enhancing and executing company marketing strategies. With a bachelor's in marketing, I've helped my company increase revenues by $1.3 million over three years.</p>
<a href="chats.html" class="text-indigo-500 inline-flex items-center mt-4">Message them
<svg class="w-4 h-4 ml-2" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 12h14"></path>
<path d="M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
</div>
<div class="xl:w-1/4 md:w-1/2 p-4">
<div class="bg-gray-100 p-6 rounded-lg">
<a href="chats.html"><img class="h-40 rounded w-full object-cover object-center mb-6" src="kenma.jpg" alt="content"></a>
<h3 class="tracking-widest text-indigo-500 text-xs font-medium title-font">Detroit</h3>
<h2 class="text-lg text-gray-900 font-medium title-font mb-4">Savy gravy</h2>
<p class="leading-relaxed text-base">I'm a personable, driven and knowledgeable sales associate with six years of experience in providing tailored recommendations to customers. My sales expertise has helped companies increase revenues by 15% year-over-year.</p>
<a href="chats.html" class="text-indigo-500 inline-flex items-center mt-4">Message them
<svg class="w-4 h-4 ml-2" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 12h14"></path>
<path d="M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
</div>
<div class="xl:w-1/4 md:w-1/2 p-4">
<div class="bg-gray-100 p-6 rounded-lg">
<a href="chats.html"><img class="h-40 rounded w-full object-cover object-center mb-6" src="pp8.jpg" alt="content"></a>
<h3 class="tracking-widest text-indigo-500 text-xs font-medium title-font">Guwahati</h3>
<h2 class="text-lg text-gray-900 font-medium title-font mb-4">Manas Yu</h2>
<p class="leading-relaxed text-base">My name is Manas, and I'm an adaptable and experienced hospital administrator. I have 10 years of experience managing hospital operations to ensure that patients and their families receive comprehensive care and support. I value helping others and creating an environment that fosters positive change.</p>
<a href="chats.html" class="text-indigo-500 inline-flex items-center mt-4">Message them
<svg class="w-4 h-4 ml-2" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 12h14"></path>
<path d="M12 5l7 7-7 7"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="container px-0 py-5 mx-auto"><
<div class="flex flex-col">
<div class="container px-0 py-0 mx-auto">
<div class=class="lg:flex-grow md:w-1/2 lg:pl-8 md:pl-16 flex flex-col md:items-start md:text-left items-center text-center">
<button class="flex-shrink-0 text-white bg-indigo-900 border-0 py-2 px-8 focus:outline-none hover:bg-indigo-600 rounded text-lg mt-10 sm:mt-0">More People</button>
</div>
</div>
</div>
</div>
</div>
</section>
</body>
</html>