Skip to content

Commit 07c22b5

Browse files
SrigopalsardaSrigopalsarda
committed
new updated business theme
1 parent 9a1d139 commit 07c22b5

File tree

3 files changed

+76
-34
lines changed

3 files changed

+76
-34
lines changed

‎Templates/Buisness Theme/index.html‎

Lines changed: 52 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -1,37 +1,55 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8" />
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>Buisness Template</title>
8-
<script src="https://cdn.tailwindcss.com"></script>
9-
</head>
10-
<body>
11-
<div class="w-full h-full">
12-
<img
13-
class="z-0 absolute w-[100vw] h-[100vh]"
14-
src="Buisness.jpg"
15-
alt="Buisness"
16-
/>
17-
<div class="bg-[#fff]/80 xl:w-[50vw] sm:w-[60vw] w-[90vw] h-[80vh] absolute z-11 justify-center m-auto left-0 right-0 top-0 bottom-0 rounded-3xl ">
18-
<a href="https://github.com/Mustafa-Azad025"><img src="logo.png" class="w-24 h-24 my-2 hover:scale-75 ease-in-out cursor-pointer rounded-full bg-[#fff] mx-auto" alt="Logo"/></a>
19-
<h3 class="font-bold mt-4 text-center text-4xl">Hello Everyone</h3>
20-
<div class="space-y-8 my-[10vh] lg:mx-[10vw] mx-0 text-lg lg:text-xl mr-3 lg:mr-0 font-semibold">
21-
<a href="https://github.com/Mustafa-Azad025"><div class="flex hover:font-bold hover:shadow-[#0000e6] hover:-translate-y-1 w-full lg:w-[75%] h-[10%] bg-[#000] text-[#fff] rounded-l-full">
22-
<img src="github.gif" class="w-12 h-12 rounded-full" alt="Github-icon" />
23-
<p class="mx-3 my-auto">Collaborate <span>with me on Github</span></p>
24-
</div></a>
25-
<a href="https://github.com/Mustafa-Azad025"><div class="flex hover:font-bold hover:shadow-[#0000e6] hover:-translate-y-1 w-full lg:w-[75%] h-[10%] bg-[#0000e6] text-[#fff] rounded-l-full">
26-
<img src="instagram.gif" class="w-12 h-12 rounded-full" alt="Instagram-icon" />
27-
<p class="mx-3 my-auto">Have A Look <span>Instagram Posts</span></p>
28-
</div></a>
29-
<a href="https://github.com/Mustafa-Azad025"><div class="flex hover:font-bold hover:shadow-[#0000e6] hover:-translate-y-1 w-full h-[10%] lg:w-[75%] bg-[#0000e6] text-[#fff] rounded-l-full">
30-
<img src="linkedin.gif" class="w-12 h-12 rounded-full" alt="Linked-icon" />
31-
<p class="mx-3 my-auto">Connect <span>with me on Linkedin</span></p>
32-
</div></a>
3+
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8+
<title>Buisness Template</title>
9+
<script src="https://cdn.tailwindcss.com"></script>
10+
<link rel="preconnect" href="https://fonts.googleapis.com">
11+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
12+
<link href="https://fonts.googleapis.com/css2?family=Lora:wght@500&display=swap" rel="stylesheet">
13+
<link rel="preconnect" href="https://fonts.googleapis.com">
14+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
15+
<link href="https://fonts.googleapis.com/css2?family=Lexend&display=swap" rel="stylesheet">
16+
<link rel="stylesheet" href="./style.css" />
17+
</head>
18+
19+
<body>
20+
<div class="w-full h-full">
21+
<img class="z-0 absolute w-[100vw] h-[100vh]" src="https://images.pexels.com/photos/9512007/pexels-photo-9512007.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" alt="Buisness" />
22+
<div
23+
class="bg-[#fff]/80 xl:w-[50vw] sm:w-[60vw] w-[90vw] h-[80vh] absolute z-11 justify-center m-auto left-0 right-0 top-0 bottom-0 rounded-3xl ">
24+
<a href="https://github.com/Srigopalsarda"><img src="logo.jpg"
25+
class="w-24 h-24 my-2 hover:scale-110 ease-in cursor-pointer rounded-full bg-[#fff] mx-auto"
26+
alt="Logo" /></a>
27+
<h3 class="font-bold mt-4 text-center text-4xl Lora">Hello Everyone</h3>
28+
<div class="space-y-8 my-[10vh] lg:mx-[10vw] mx-0 text-lg lg:text-xl mr-3 lg:mr-0 font-semibold">
29+
<a href="https://github.com/Srigopalsarda">
30+
<div
31+
class="github box flex hover:font-bold my-5 w-full lg:w-[75%] h-[10%] text-[#fff] ">
32+
<img src="github.gif" class="w-12 h-12 rounded-full" alt="Github-icon" />
33+
<p class="mx-3 my-auto">Collaborate <span>with me on Github</span></p>
34+
</div>
35+
</a>
36+
<a href="https://github.com/Srigopalsarda">
37+
<div
38+
class="instagram box flex hover:font-bold my-5 w-full lg:w-[75%] h-[10%] text-[#fff] ">
39+
<img src="instagram.gif" class="w-12 h-12 rounded-full" alt="Instagram-icon" />
40+
<p class="mx-3 my-auto">Have A Look <span>Instagram Posts</span></p>
41+
</div>
42+
</a>
43+
<a href="https://github.com/Srigopalsarda">
44+
<div
45+
class="linkedin box flex hover:font-bold w-full h-[10%] lg:w-[75%] text-[#fff] ">
46+
<img src="linkedin.gif" class="w-12 h-12 rounded-full" alt="Linked-icon" />
47+
<p class="mx-3 my-auto">Connect <span>with me on Linkedin</span></p>
48+
</div>
49+
</a>
3350
</div>
34-
</div>
35-
</div>
36-
</body>
37-
</html>
51+
</div>
52+
</div>
53+
</body>
54+
55+
</html>

‎Templates/Buisness Theme/logo.jpg‎

31.3 KB
Loading

‎Templates/Buisness Theme/style.css‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
.Lora{
2+
font-family: 'Lora', serif;
3+
}
4+
.Lexend{
5+
font-family: 'Lexend', sans-serif;
6+
}
7+
.box{
8+
9+
border-radius: 100px;
10+
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
11+
12+
}
13+
.box:hover{
14+
box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
15+
}
16+
.github{
17+
background-color: #2100c4 !important;
18+
}
19+
.instagram{
20+
background-color: #f55376 !important;
21+
}
22+
.linkedin{
23+
background-color: #0077b5 !important;
24+
}

0 commit comments

Comments
 (0)