-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
194 lines (173 loc) · 6.88 KB
/
index.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- This a config from from Google Analytics to check Website Analytics -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-140827664-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "UA-140827664-1");
</script>
<!-- Meta tag is used for providing information to the Search Engines -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta name="description" content="Portfolio website for the Devs Collab" />
<meta name="keywords" content="devscollab, devs, collab, portfolio, developers, android, web, digital, opensource" />
<title>Devs Collab</title>
<link rel="stylesheet" href="css/main.css" />
<!-- Favicon Link -->
<link rel="shortcut icon" href="images/favicon-circ-dark.png" type="image/PNG" />
<!-- Awesome Fonts Link to StyleSheet -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous" />
<!-- Material Css Link -->
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" />
</head>
<body>
<div class="page">
<div class="landing">
<div class="spacer"></div>
<div class="main-heading rellax" data-rellax-speed="5">
DevsCollab OpenSource
</div>
<div class="main-sub-heading">
An Open Source Platform for Developers
</div>
</div>
<div class="about-us">
<div class="content">
<div class="about-us-title">GET TO KNOW US</div>
<div class="about-us-content">
Starting from a small thought of opensource collaboration, we have
built this platform to help and encourage many developers in various
fields of computer technology
</div>
</div>
<div class="about-us-image"></div>
</div>
<div class="contribute">
<div class="contribute-title">CONTRIBUTE IN EVOLUTION</div>
<div class="contribute-content">
<div class="info-card">
<div class="card-image">
<img src="/images/community.png" alt="" />
</div>
<div class="card-title">GENEROUS COMMUNITY</div>
<div class="card-content">
Using technology to solve business problems.
</div>
</div>
<div class="info-card">
<div class="card-image">
<img src="/images/handshake.png" alt="" />
</div>
<div class="card-title">Meet new Developers</div>
<div class="card-content">
Connect with developers to increase your dev circle
</div>
</div>
<div class="info-card">
<div class="card-image">
<img src="/images/increase.png" alt="" />
</div>
<div class="card-title">Build up your Skills</div>
<div class="card-content">
Refresh , Refine ,Harvest and Boost your Skills
</div>
</div>
</div>
<div class="spacer"></div>
</div>
<div class="projects-page">
<div class="projects-title">Projects Overview</div>
<div id="app">
<div class="projects">
<div v-for=" (i,id) in list" :key="id">
<!-- <h5 align="center">{{i.name}}</h5> -->
<div class="card">
<div class="project-image"></div>
<a class="project-info" :href="i.html_url">
{{i.description}}
</a>
</div>
</div>
</div>
</div>
</div>
<div class="join-us">
<div class="join-us-content">
<div class="text">
<h2>Join Us</h2>
<p>
We are looking forward for a community of people who are eager to
learn programming and wish to grow in this field by actually
coding on various projects with fellow programmers.
<br />
Contributing to Open Source projects is one of the best way of
learning the real world scenario of project workflows and this
also helps you build a robust portfolio for yourself.
</p>
</div>
</div>
<div class="contact-form">
<div class="card" id="links-card">
<button class="btn link-btn" onclick="newLink('forms.gle/cXv8tAforb1em5Kj9')">
Become A Contributor <i class="fas fa-external-link-alt"></i>
</button>
<button class="btn link-btn" onclick="newLink('github.com/devscollab/devscollab.github.io')">
Github Repository <i class="fas fa-external-link-alt"></i>
</button>
<button class="btn link-btn" onclick="newLink('discord.gg/2c4HGqhzC4')">
Join The Discord Server <i class="fas fa-external-link-alt"></i>
</button>
<div class="card-action card-footer">
Think of this as a playground where no matter what your skill
level, you can contribute to this project and keep in mind that
breaking things doesn't matter, keep coding.
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="copyright">
<a href="https://raw.githubusercontent.com/devscollab/devscollab.github.io/master/LICENSE" target="_blank">
© 2021 DevsCollab
</a>
</div>
<div class="footer-links">
<a href="https://github.com/devscollab" target="_blank">
<i class="fab fa-github"></i>
</a>
<a href="https://discord.gg/2c4HGqhzC4" target="_blank">
<i class="fab fa-discord"></i>
</a>
<a href="https://twitter.com/devs_collab" target="_blank">
<i class="fab fa-twitter"></i>
</a>
<a href="https://instagram.com/devscollab" target="_blank">
<i class="fab fa-instagram"></i>
</a>
<a href="https://github.com/devscollab/devscollab.github.io/blob/master/CODE_OF_CONDUCT.md" target="_blank">
Code of Conduct
</a>
<a href="pages/members.html" target="_blank"> Members </a>
</div>
</div>
<!-- All javascript links -->
<!-- JQuery CDN Link -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<!-- Link to main.js javascript file -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/rellax/1.9.1/rellax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
<script src="js/main.js"></script>
</body>
</html>