Skip to content

Commit 4d47ee3

Browse files
straight-codestraight-code
authored
v2.1
1 parent 398cd00 commit 4d47ee3

File tree

4 files changed

+133
-4
lines changed

4 files changed

+133
-4
lines changed

‎dist/contribute/contribute.css‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
* {
2+
font-family: 'Montserrat', sans-serif;
3+
}

‎dist/contribute/index.html‎

Lines changed: 126 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,126 @@
1+
<!DOCTYPE html>
2+
<html lang="en" class="bg-gray-100">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>contribute towards straight-code</title>
6+
<link href="https://straight-code.github.io/assets/straight-code.png" rel="shortcut icon" />
7+
<link rel="stylesheet" href="contribute.css" />
8+
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.0.2/tailwind.min.css'>
9+
<link rel='stylesheet' href='https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&amp;display=swap'><link rel="stylesheet" href="./style.css">
10+
11+
</head>
12+
<body>
13+
<!-- partial:index.partial.html -->
14+
<header class="max-w-6xl mx-auto py-8 px-5 flex justify-between lg:px-8">
15+
<a href="" class="text-2xl text-gray-900 font-semibold">contribute to straight-code</a>
16+
<nav class="">
17+
<ul class="flex pt-1.5 text-md lg:pt-0 lg:text-lg">
18+
<li class="lg:px-4">
19+
<a href="" class="p-3 text-gray-500 font-semibold">about</a>
20+
</li>
21+
<li class="lg:px-4">
22+
<a href="https://straight-code-blog.netlify.app/" class="p-3 text-gray-500 font-semibold">blog</a>
23+
</li>
24+
</ul>
25+
</nav>
26+
</header>
27+
<main class="max-w-6xl mx-auto pt-10 pb-36 px-8">
28+
29+
<div class="max-w-md mx-auto mb-14 text-center">
30+
<h1 class="text-4xl font-semibold mb-6 lg:text-5xl"><span class="text-indigo-600">contribute</span> now</h1>
31+
<p class="text-xl text-gray-500 font-medium">Choose a option that works best for you.</p>
32+
</div>
33+
34+
<div class="flex flex-col justify-between items-center lg:flex-row lg:items-start">
35+
36+
<div class="w-full flex-1 mt-8 p-8 order-2 bg-white shadow-xl rounded-3xl sm:w-96 lg:w-full lg:order-1 lg:rounded-r-none">
37+
<div class="mb-7 pb-7 flex items-center border-b border-gray-300">
38+
<img src="https://res.cloudinary.com/williamsondesign/abstract-1.jpg" alt="" class="rounded-3xl w-20 h-20" />
39+
<div class="ml-5">
40+
<span class="block text-2xl font-semibold">Basic</span>
41+
<span><span class="font-medium text-gray-500 text-xl align-top">£&thinsp;</span><span class="text-3xl font-bold">10 </span></span><span class="text-gray-500 font-medium">/one-time</span>
42+
</div>
43+
</div>
44+
<ul class="mb-7 font-medium text-gray-500">
45+
<li class="flex text-lg mb-2">
46+
<img src="https://res.cloudinary.com/williamsondesign/check-grey.svg" />
47+
<span class="ml-3">Extra Tutorials<span class="text-black"> with live demos</span></span>
48+
</li>
49+
<li class="flex text-lg mb-2">
50+
<img src="https://res.cloudinary.com/williamsondesign/check-grey.svg" />
51+
<span class="ml-3">Community <span class="text-black">access</span></span>
52+
</li>
53+
<li class="flex text-lg">
54+
<img src="https://res.cloudinary.com/williamsondesign/check-grey.svg" />
55+
<span class="ml-3"><span class="text-black">helping the</span> straight-code team</span>
56+
</li>
57+
</ul>
58+
<a href="#/" class="flex justify-center items-center bg-indigo-600 rounded-xl py-5 px-4 text-center text-white text-xl">
59+
Contribute
60+
<img src="https://res.cloudinary.com/williamsondesign/arrow-right.svg" class="ml-2" />
61+
</a>
62+
</div>
63+
64+
<div class="w-full flex-1 p-8 order-1 shadow-xl rounded-3xl bg-gray-900 text-gray-400 sm:w-96 lg:w-full lg:order-2 lg:mt-0">
65+
<div class="mb-8 pb-8 flex items-center border-b border-gray-600">
66+
<img src="https://res.cloudinary.com/williamsondesign/abstract-2.jpg" alt="" class="rounded-3xl w-20 h-20" />
67+
<div class="ml-5">
68+
<span class="block text-3xl font-semibold text-white">Startup</span>
69+
<span><span class="font-medium text-xl align-top">£&thinsp;</span><span class="text-3xl font-bold text-white">25 </span></span><span class="font-medium">/ one-time</span>
70+
</div>
71+
</div>
72+
<ul class="mb-10 font-medium text-xl">
73+
<li class="flex mb-6">
74+
<img src="https://res.cloudinary.com/williamsondesign/check-white.svg" />
75+
<span class="ml-3">All features in <span class="text-white">Basic</span></span>
76+
</li>
77+
<li class="flex mb-6">
78+
<img src="https://res.cloudinary.com/williamsondesign/check-white.svg" />
79+
<span class="ml-3">community access <span class="text-white">including privileges</span></span>
80+
</li>
81+
<li class="flex">
82+
<img src="https://res.cloudinary.com/williamsondesign/check-white.svg" />
83+
<span class="ml-3"><span class="text-white">helping the</span> straight-code team</span>
84+
</li>
85+
</ul>
86+
<a href="#/" class="flex justify-center items-center bg-indigo-600 rounded-xl py-6 px-4 text-center text-white text-2xl">
87+
Contribute
88+
<img src="https://res.cloudinary.com/williamsondesign/arrow-right.svg" class="ml-2" />
89+
</a>
90+
</div>
91+
92+
<div class="w-full flex-1 mt-8 p-8 order-3 bg-white shadow-xl rounded-3xl sm:w-96 lg:w-full lg:order-3 lg:rounded-l-none">
93+
<div class="mb-7 pb-7 flex items-center border-b border-gray-300">
94+
<img src="https://res.cloudinary.com/williamsondesign/abstract-3.jpg" alt="" class="rounded-3xl w-20 h-20" />
95+
<div class="ml-5">
96+
<span class="block text-2xl font-semibold">Enterprise</span>
97+
<span><span class="font-medium text-gray-500 text-xl align-top">£&thinsp;</span><span class="text-3xl font-bold">45 </span></span><span class="text-gray-500 font-medium">/ one-time</span>
98+
</div>
99+
</div>
100+
<ul class="mb-7 font-medium text-gray-500">
101+
<li class="flex text-lg mb-2">
102+
<img src="https://res.cloudinary.com/williamsondesign/check-grey.svg" />
103+
<span class="ml-3">All features in <span class="text-black">Startup</span></span>
104+
</li>
105+
<li class="flex text-lg mb-2">
106+
<img src="https://res.cloudinary.com/williamsondesign/check-grey.svg" />
107+
<span class="ml-3">Growth <span class="text-black">oriented within the community projects</span></span>
108+
</li>
109+
<li class="flex text-lg">
110+
<img src="https://res.cloudinary.com/williamsondesign/check-grey.svg" />
111+
<span class="ml-3"><span class="text-black">helping the </span> straight-code team</span>
112+
</li>
113+
</ul>
114+
<a href="#/" class="flex justify-center items-center bg-indigo-600 rounded-xl py-5 px-4 text-center text-white text-xl">
115+
Contribute
116+
<img src="https://res.cloudinary.com/williamsondesign/arrow-right.svg" class="ml-2" />
117+
</a>
118+
</div>
119+
120+
</div>
121+
122+
</main>
123+
<!-- partial -->
124+
125+
</body>
126+
</html>

‎dist/index.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -74,9 +74,9 @@ <h2 class="job">No Stack To Full Stack</h2>
7474
<a class="nav-link nav-style" href="https://straight-code-blog.netlify.app">
7575
<div class="title-background"></div>
7676
<span class="text-decoration">Blog</span></a>
77-
<a class="nav-link nav-style" href="#">
77+
<a class="nav-link nav-style" href="./contribute/index.html">
7878
<div class="title-background"></div>
79-
<span class="text-decoration">Contact</span></a>
79+
<span class="text-decoration">Contribute</span></a>
8080

8181

8282
</div>
@@ -94,7 +94,7 @@ <h2 class="job">No Stack To Full Stack</h2>
9494
<div class="vertical-border">
9595
</div>
9696
<div class="borders">
97-
<h3 class="text-center case">&nbspHome</h3>
97+
<h3 class="text-center case"></h3>
9898
<h2 class="text-center last-ex">&nbspLatest Works</h2>
9999

100100
<!-- works -->

‎index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<html lang="en" >
44
<head>
55
<meta charset="UTF-8">
6-
<title>Welcome to straight-code</title>
6+
<title>Welcome To straight-code</title>
77
<link rel="stylesheet" href="./css/styles.css">
88
<link href="./assets/straight-code.png" rel="shortcut icon">
99
</head>

0 commit comments

Comments
 (0)