-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
148 lines (127 loc) · 6.18 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- meta tags -->
<meta name="author" content="Archak Nath">
<meta name="keywords" content="portfolio, archak, nath, web, android, bppimt, developer">
<meta name="description" content="Hi, I'm Arhcak Nath. I'm a undergraduate student from BPPIMT. I am interested in andriod and web development.">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- title -->
<title>Kolkata Care</title>
<!-- favicon -->
<link rel="shortcut icon" href="./assets/image/favicon.svg" type="image/x-icon">
<!-- css files -->
<link rel="stylesheet" href="./assets/css/universal.css">
<link rel="stylesheet" href="./assets/css/main.css">
</head>
<body>
<!-- header -->
<header class="header">
<div class="logo">
<img src="/assets/image/favicon.svg" alt="icon" class="icon">
<span class="bold"><a href="/index.html">Kolkata Care</a></span>
</div>
<ul class="links">
<li class="link-items">
<a href="#section1" class="link" rel="noopener noreferrer">
Home
</a>
</li>
<li class="link-items">
<a href="#section2" class="link" rel="noopener noreferrer">
Our Cause
</a>
</li>
<li class="link-items">
<a href="#section3" class="link" rel="noopener noreferrer">
Join Us
</a>
</li>
</ul>
</header>
<!-- header ends -->
<!-- section -->
<section class="random-section section" id="section1">
</section>
<!-- section ends -->
<!-- another section -->
<marquee>We provide services 24 x 7</marquee>
<section class="another-section section" id="section2">
<div class="text-area">
<h6>We do care for you</h6>
<h1>Kolkata<span class="normal">Care</span>.</h1>
<div class="image-container">
<div class="image1">
<div class="image1-image"></div>
<h5>Child Labour</h5>
<p>The total number of adolescent labourers is 22.87 million, bringing the total number of child and adolescent labourers (5-18 years) to 33 million.
According to the Census, 56% of the working adolescents no longer attend schools.</p>
<a href="https://www.newsclick.in/Number-Child-Labourers-West-Bengal-Rise-After-Pandemic#:~:text=Furthermore%2C%20the%20total%20number%20of,adolescents%20no%20longer%20attend%20schools.">
<button class="cssbuttons-io-button"> Read More
<div class="icon">
<svg height="24" width="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"></path><path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z" fill="currentColor"></path></svg>
</div>
</button>
</a>
</div>
<div class="image2">
<div class="image2-image"></div>
<h5>Daily Wage Workers</h5>
<p>West Bengal has the highest count of daily wage workers with no job security and vulnerable to homelessness.</p>
<a href="https://www.newsclick.in/workers-trade-union-cry-foul-10-per-increase-minimum-wage-unorganised-sector">
<button class="cssbuttons-io-button"> Read More
<div class="icon">
<svg height="24" width="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"></path><path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z" fill="currentColor"></path></svg>
</div>
</button>
</a>
</div>
</div>
<div class="mid-part">
<div class="part1">
<h5>Many Social Issues, One Solution - Kolkata Care</h5>
</div>
<div class="part2">
<p>We are a Government recognised NGO that works for the upliftment of the underpreviledged</p>
</div>
</div>
<div class="our-work" id="parallax1">
</div>
<div class="worked-with">
<h6>Organisations we work with to deliver on our commitment</h6>
<div class="images">
<img src="/assets/image/Emblem_of_West_Bengal.png" alt="westbengal government">
<img src="/assets/image/cry.png" alt="cry">
<img src="/assets/image/smile-foundation.jpg" alt="smile foundation">
<img src="/assets/image/Tata_Institute_of_Social_Sciences_Logo.svg.png" alt="tiss">
<img src="/assets/image/Kolkata_Police_Force_logo.svg.png" alt="kolkata police">
</div>
</div>
</div>
</section>
<!-- another section ends -->
<!-- another section -->
<section class="another-section section" id="section3">
<div class="container">
<div class="box">
<span class="title">Volunteer for Kolkata Care</span>
<div>
<p>Students, Working Professionals, House wifes and anyone who wants to serve the community is invited to volunteer in this noble act</p>
<span>VALID</span> <span>01/28</span>
</div>
<button>
<span class="button_top"> Join Us
</span>
</button>
</div>
</div>
</section>
<!-- another section ends -->
<!--JS scripts -->
<script src="/assets/js/universal.js"></script>
<script src="/assets/js/main.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
</body>
</html>