-
Notifications
You must be signed in to change notification settings - Fork 20
/
index.html
123 lines (117 loc) · 3.54 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Developers Circle Nepal | Learn, Code, Build, Share and Help !</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Grow yourself along with helping others">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="./assets/css/style.css">
<!-- favicon -->
<link rel="shortcut icon" href="./assets/img/favicon/favicon.ico" type="image/x-icon">
</head>
<body>
<!-- ====================== Header ====================== -->
<header>
<!-- Navigation -->
<nav>
<div class="brand">
<div class="title">
<div class="logo"></div>
<a href="/">Developers Circle Nepal</a>
</div>
<div class="menu-bar-icon">
<i class="fa fa-bars" aria-hidden="true"></i>
</div>
</div>
<ul class="nav-menus">
<li>
<a href="/"><i class="fa fa-home"></i> Home</a>
</li>
<li>
<a href="/#join"><i class="fa fa-user-plus"></i> Join</a>
</li>
<li>
<a href="/members"><i class="fa fa-users"></i> Members</a>
</li>
<li>
<a href="https://github.com/dev-circle-np" target="_blank"><i class="fa fa-th-large"></i> Showcase</a>
</li>
<li>
<a href="/#about"><i class="fa fa-info-circle"></i> About</a>
</li>
</ul>
</nav>
</header>
<main>
<!-- ============== Motto =========== -->
<section class="motto">
<div>Grow yourself</div>
<div>along with helping others</div>
</section>
<!-- ============== Join ============ -->
<section class="join" id="join">
<h1>We are helping each other at our discord server !</h1>
<div>
<a href="https://discord.gg/acVJSXP"><button>Join</button></a>
</div>
</section>
<!-- =============== Together ============= -->
<section class="together">
<div class="together-text">Let's do this together</div>
<div class="missions">
<div class="circle">
<div>
<i class="fa fa-address-book-o fa-4x" aria-hidden="true"></i>
</div>
<h3>Learn</h3>
</div>
<div class="circle">
<div>
<i class="fa fa-code fa-4x" aria-hidden="true"></i>
</div>
<h3>Code</h3>
</div>
<div class="circle">
<div>
<i class="fa fa-wrench fa-4x" aria-hidden="true"></i>
</div>
<h3>Build</h3>
</div>
<div class="circle">
<div>
<i class="fa fa-share-alt fa-4x" aria-hidden="true"></i>
</div>
<h3>Share</h3>
</div>
<div class="circle">
<div>
<i class="fa fa-question fa-4x" aria-hidden="true"></i>
</div>
<h3>Help</h3>
</div>
</div>
</section>
<!-- =============== About ========== -->
<section class="about" id="about">
<h1>About</h1>
<p>
We are a bunch of developers and designers residing around the world who believe in "Grow yourself along with helping others". We love to solve social problems together with technology. We started the group, when we were going through <a href="https://freecodecamp.com">FreeCodeCamp</a> curriculum.
</p>
<div class="links">
<a href="https://github.com/dev-circle-np">
<i class="fa fa-github"></i>
</a>
<a href="https://www.facebook.com/groups/705301559645891/">
<i class="fa fa-facebook-official"></i>
</a>
</div>
</section>
<!-- ============== Footer ============= -->
<footer>
<div class="copyright">Developers Circle Nepal © <span class="date"></span></div>
</footer>
</main>
<script src="./assets/js/index.js"></script>
</body>
</html>