Skip to content

Commit 447d0ea

Browse files
imranhc0imranhc0
authored
$
0 parents  commit 447d0ea

9 files changed

+176
-0
lines changed

‎README.md

+54
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
<!-- Please update value in the {} -->
2+
3+
<h1 align="center">Team Page</h1>
4+
5+
<div align="center">
6+
Solution for a challenge from <a href="http://devchallenges.io" target="_blank">Devchallenges.io</a>.
7+
</div>
8+
9+
<div align="center">
10+
<h3>
11+
<a href="">
12+
Demo
13+
</a>
14+
<span> | </span>
15+
<a href="">
16+
Solution
17+
</a>
18+
<span> | </span>
19+
<a href="https://devchallenges.io/challenges/wBunSb7FPrIepJZAg0sY">
20+
Challenge
21+
</a>
22+
</h3>
23+
</div>
24+
25+
<!-- TABLE OF CONTENTS -->
26+
27+
## Table of Contents
28+
29+
- [Overview](#overview)
30+
- [Features](#features)
31+
- [Contact](#contact)
32+
33+
<!-- OVERVIEW -->
34+
35+
## Overview
36+
37+
Introduce your projects by taking a screenshot or a gif. Try to tell visitors a story about your project by answering:
38+
39+
- Where can I see your demo?
40+
- What was your experience?
41+
- What have you learned/improved?
42+
- Your wisdom? :)
43+
44+
## Features
45+
46+
<!-- List the features of your application or follow the template. Don't share the figma file here :) -->
47+
48+
This application/site was created as a submission to a [DevChallenges](https://devchallenges.io/challenges) challenge. The [challenge](https://devchallenges.io/challenges/wBunSb7FPrIepJZAg0sY) was to build an application to complete the given user stories.
49+
50+
## Contact
51+
52+
- Website [imran.me](https://imran.me)
53+
- GitHub [@mohammadimran-h90](https://github.com/mohammadimran-h90)
54+
- Twitter [@imranhossen07](https://www.linkedin.com/in/imranhossen07/)

‎devchallenges.png

1.65 KB
Loading

‎index.html

+122
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,122 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta
6+
name="viewport"
7+
content="width=device-width, initial-scale=1,
8+
maximum-scale=5"
9+
/>
10+
11+
<link rel="icon" href="devchallenges.png" />
12+
13+
<link
14+
rel="shortcut icon"
15+
type="image/x-icon"
16+
href="https://devchallenges.io/"
17+
/>
18+
19+
<!-- Google Fonts -->
20+
<link rel="preconnect" href="https://fonts.googleapis.com" />
21+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
22+
23+
<!-- Tailwind CSS CDN -->
24+
<script src="https://cdn.tailwindcss.com"></script>
25+
26+
<title>Devchallenges | Team Page</title>
27+
<style type="text/tailwindcss">
28+
@layer utilities {
29+
.vertical-lr {
30+
writing-mode: vertical-lr;
31+
}
32+
.parent {
33+
margin-top: 100px;
34+
}
35+
.small {
36+
margin-top: 64px;
37+
}
38+
.clear {
39+
margin-top: 0;
40+
}
41+
.pt-serif {
42+
font-family: "PT Serif", serif;
43+
}
44+
.poppins {
45+
font-family: "Poppins", sans-serif;
46+
}
47+
}
48+
</style>
49+
</head>
50+
<body>
51+
<main class="px-8">
52+
<div class="flex flex-col justify-around mb-16 mt-16 md:flex-row">
53+
<div class="">
54+
<h1 class="font-bold text-3xl py-8 pt-serif">The Creative Crew</h1>
55+
</div>
56+
<div>
57+
<h3 class="font-semibold text-xl pb-4 poppins">WHO WE ARE</h3>
58+
<p class="text-gray-600 pb-10 poppins">
59+
We are team of creatively diverse. driven.<br />
60+
innovative individuals working in various<br />
61+
locations from the world.
62+
</p>
63+
</div>
64+
</div>
65+
66+
<div
67+
class="grid grid-cols-2 grid-rows-3 md:grid-cols-3 md:grid-rows-2 place-items-center place-content-around"
68+
>
69+
<div class="w-2/5 relative">
70+
<img class="w-10/12 md:w-11/12" src="/photo1.png" alt="" srcset="" />
71+
<h3 class="font-semibold text-lg poppins">Bill Mahoney</h3>
72+
<p class="vertical-lr absolute top-0 -right-2 uppercase pt-serif">
73+
Product owner
74+
</p>
75+
</div>
76+
77+
<div class="w-2/5 relative md:parent small">
78+
<img class="w-10/12 md:w-11/12" src="/photo2.png" alt="" srcset="" />
79+
<h3 class="font-semibold text-lg poppins">Saba Cabrera</h3>
80+
<p class="vertical-lr absolute top-0 -right-2 uppercase pt-serif">
81+
Art director
82+
</p>
83+
</div>
84+
85+
<div class="w-2/5 relative">
86+
<img class="w-10/12 md:w-11/12" src="/photo3.png" alt="" srcset="" />
87+
<h3 class="font-semibold text-lg poppins">Shae Le</h3>
88+
<p class="vertical-lr absolute top-0 -right-2 uppercase pt-serif">
89+
Tech Lead
90+
</p>
91+
</div>
92+
93+
<div class="w-2/5 relative small md:clear">
94+
<img class="w-10/12 md:w-11/12" src="/photo4.png" alt="" srcset="" />
95+
<h3 class="font-semibold text-lg poppins">Skylah Lu</h3>
96+
<p class="vertical-lr absolute top-0 -right-2 uppercase pt-serif">
97+
UX Designer
98+
</p>
99+
</div>
100+
101+
<div class="w-2/5 relative md:parent">
102+
<img class="w-10/12 md:w-11/12" src="/photo5.png" alt="" srcset="" />
103+
<h3 class="font-semibold text-lg poppins">Griff Richards</h3>
104+
<p class="vertical-lr absolute top-0 -right-2 uppercase pt-serif">
105+
Developer
106+
</p>
107+
</div>
108+
109+
<div class="w-2/5 relative small md:clear">
110+
<img class="w-10/12 md:w-11/12" src="/photo6.png" alt="" srcset="" />
111+
<h3 class="font-semibold text-lg poppins">Stan John</h3>
112+
<p class="vertical-lr absolute top-0 -right-2 uppercase pt-serif">
113+
Developer
114+
</p>
115+
</div>
116+
</div>
117+
</main>
118+
<footer class="text-center mt-12 poppins">
119+
© 2022 Thu Nghiem, devChallenges.io
120+
</footer>
121+
</body>
122+
</html>

‎photo1.png

389 KB
Loading

‎photo2.png

307 KB
Loading

‎photo3.png

366 KB
Loading

‎photo4.png

398 KB
Loading

‎photo5.png

534 KB
Loading

‎photo6.png

456 KB
Loading

0 commit comments

Comments
 (0)