-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
106 lines (95 loc) · 3.64 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="description" content="Annual charity show">
<meta name="keywords" content="Animal charity, raise funds for animals">
<meta name="author" content="Wakil Ahmed">
<title>ACS | Home Page</title>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<header>
<div class="container">
<div id="branding">
<h1><span class="highlight">Annual</span> Charity Show</h1>
</div>
<nav>
<ul>
<li class="current"><a href="index.html">Home</a></li>
<li><a href="charity.html">Charity Events</a></li>
<li><a href="fund.html">Fund Raising</a>
<ul>
<li><a href="#">Donate Us</a></li>
<li><a href="#">Our Shelters</a></li>
</ul>
</li>
<li><a href="community.html">Community</a></li>
<li><a href="news.html">News & Reviews</a></li>
<li><a href="tools.html">Tools and Calculators</a></li>
<li><a href="joinus.html">Join Us Now</a></li>
</ul>
</nav>
</div>
</header>
<section id="showcase">
<div class="container">
<h3>Charity That Looks After Animals</h3>
<p>ACS(Annual Charity Show) is a small charity which looks after animals that need extra support. Each year ACS promotes an annual charity show in the community to help raise additional funds for the different animal shelters it has around the country.</p>
<button type="button" class="viewmore"> View More </button>
</div>
</section>
<section id="newsletter">
<div class="container">
<h3>Sign In Now</h3>
<form>
<input type="email" placeholder="Enter Email..." required>
<input type="password" placeholder="Enter Password" required>
<button type="submit" class="sign_button">Sign In</button>
</form>
</div>
</section>
<section id="boxes">
<div class="container">
<div class="box">
<a href="https://www.facebook.com">
<img src="img/facebook_logo.png" alt="facebook-logo">
</a>
<h3>Facebook</h3>
</div>
<div class="box">
<a href="https://www.instagram.com/">
<img src="img/twitter_logo.png" alt="twitter-logo"></a>
<h3>Twitter</h3>
</div>
<div class="box">
<a href="https://www.youtube.com/">
<img src="img/instagram_logo.png" alt="instagram-logo"></a>
<h3>Instagram</h3>
</div>
<div class="box">
<a href="https://twitter.com/">
<img src="img/youtube_logo.png" alt="you tube-logo"></a>
<h3>You Tube</h3>
</div>
</div>
</section>
<!--
<section class="pop-up">
<div id="pop-up">
<img src="#" alt="#">
<h2>Will You Help Me</h2>
<p>Animals just like me are suffering
right now in puppy mills, animal fights, research labs and factory farms.</p>
<p>Please help us today</p>
<button>DONATE NOW</button>
<div class="cross">x</div>
</div>
</section>
-->
<footer>
<p>Annual Charity Show, Copyright ©2018</p>
</footer>
</body>
</html>