-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
205 lines (200 loc) · 7.29 KB
/
index.html
File metadata and controls
205 lines (200 loc) · 7.29 KB
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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tech Twig</title>
<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=Libre+Franklin:ital,wght@0,100;0,400;0,900;1,100;1,400;1,900&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
<style>
* {
font-family: 'Libre Franklin', sans-serif;
margin: 0;
padding: 0;
}
.material-symbols-outlined {
font-variation-settings:
'FILL' 0,
'wght' 400,
'GRAD' 0,
'opsz' 24
}
.main-header {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 50px 0;
}
#heading {
margin-top: 30px;
margin-bottom: 20px;
}
#t1 {
color: #333;
}
#t2 {
color: #666;
}
#t3 {
color: #888;
}
.join-link {
text-decoration: none;
text-transform: uppercase;
padding: 10px 20px;
background: #f26426;
color: #fff;
border-radius: 20px;
}
.objective-items {
display: flex;
align-items: center;
flex-direction: row;
margin-bottom: 30px;
border: 1px dashed #afafaf;
}
.objective-items:hover {
background: #4f4f4f;
-webkit-transition: background-color 1000ms linear;
-ms-transition: background-color 1000ms linear;
transition: background-color 1000ms linear;
}
.objective-items:hover h3 {
color: #fff;
}
.objective-items h3 {
margin-left: 20px;
margin-bottom: 0px;
}
.objective-items-icon {
padding: 30px;
background: #efefef;
}
</style>
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "jyinkptnic");
</script>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-12 main-header">
<img src="assets/logo.jpg" alt="TechTwig">
<h1 id="heading">
<span id="t1">Learn</span>
<span id="t2">Contribute</span>
<span id="t3">Connect</span>
</h1>
<p>A community platform for a freshers or who wants to improve by learning and contributing.</p>
<a class="join-link mt-4" href="https://github.com/orgs/techtwig/discussions/2">Connect Now</a>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="objective-items">
<span class="material-symbols-outlined objective-items-icon">
terminal
</span>
<h3>Learn and Explore</h3>
</div>
</div>
<div class="col-md-6">
<div class="objective-items">
<span class="material-symbols-outlined objective-items-icon">
account_tree
</span>
<h3>Contribute and Grow</h3>
</div>
</div>
<div class="col-md-6">
<div class="objective-items">
<span class="material-symbols-outlined objective-items-icon">
check_circle
</span>
<h3>Get Feedback from Expart</h3>
</div>
</div>
<div class="col-md-6">
<div class="objective-items">
<span class="material-symbols-outlined objective-items-icon">
hub
</span>
<h3>Connect with Mentors</h3>
</div>
</div>
</div>
</div>
<div class="container-fluid" style="margin-top: 60px; padding: 50px 0; background: #fff5dc">
<div class="container">
<div class="row">
<div class="col-md-6">
<img class="img-fluid" src="assets/contributes.png" />
</div>
<div class="col-md-6 d-flex flex-column justify-content-center align-items-start">
<h1>Contribute and Reflect: Amplifying Personal Growth</h1>
<p>
Open-source contributions are more than just code; they're a gateway to personal and professional development. In this exploration, we delve into the transformative power of contributing to open-source projects and the value of reflection in the learning process. Discover how your journey of giving back to the community can lead to valuable insights, honed skills, and an enriched understanding of both technology and yourself. Join us as we uncover the symbiotic relationship between contribution and reflection in the open-source world.
</p>
<a class="join-link mt-4" href="https://github.com/orgs/techtwig/discussions/2">Contribute Now</a>
</div>
</div>
</div>
</div>
<div class="container-fluid" style="padding: 50px 0; background: #fff0fd">
<div class="container" style="margin-top: 100px;">
<div class="row">
<div class="col-md-6 d-flex flex-column justify-content-center align-items-start">
<h1>Get mentors Feedback after a successful PR</h1>
<p>
When contributors make successful pull requests (PRs) to open-source projects, it's crucial to gather feedback from experienced mentors and collaborators. This feedback helps in improving code quality, understanding best practices, and nurturing a culture of learning and growth within the project. In this guide, we'll explore the importance of post-PR feedback, effective strategies for obtaining it, and how to utilize this feedback to further enhance your coding skills and contribute to the community.
</p>
<a class="join-link mt-4" href="https://github.com/orgs/techtwig/discussions/2">Contribute Now</a>
</div>
<div class="col-md-6">
<img class="img-fluid" src="assets/mentors.png" />
</div>
</div>
</div>
</div>
<div class="container-fluid" style="padding: 50px 0; background: #fff">
<div class="container" >
<div class="row">
<div class="col-md-6">
<img class="img-fluid" src="assets/hiring.png" />
</div>
<div class="col-md-6 d-flex flex-column justify-content-center align-items-start">
<h1>Hiring for a real project?</h1>
<p>
TechTwig helps you find senior developers for both permanent full-time roles and 40+ hour contract projects.
</p>
<a class="join-link mt-4" href="mailto:hasanbd666@gmail.com">Contact Now</a>
</div>
</div>
</div>
</div>
<div class="container-fluid" style="padding: 50px 0; background: #101d42; color: #fff">
<div class="container" >
<div class="row">
<div class="col-md-6">
<img class="img-fluid" src="assets/logo.png" />
<p>© 2023 TechTwig</p>
</div>
<div class="col-md-6">
<a href="#" class="link-light link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">Home</a>
</div>
</div>
</div>
</div>
<!-- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script> -->
<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+" crossorigin="anonymous"></script></body> -->
</html>