-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
executable file
·108 lines (102 loc) · 5.94 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
<html>
<head>
<title>ACE - Association of Computer Enthusiasts</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="css/custom.css">
<link rel="shortcut icon" href="assets/img/favicon.png">
</head>
<body id="content_yaha_load_hoga">
<div class="u-full-width menu">
<div class="container">
<a class="button button-primary" href="#home" onclick="close_menu();">Home</a>
<a class="button button-primary" href="#about" onclick="close_menu();">About us</a>
<a class="button button-primary" href="assets/incls/member.html">members</a>
<a class="button button-primary" href="#projects" onclick="close_menu();">projects</a>
<a class="button button-primary" href="#contact" onclick="close_menu();">contact</a>
<button class="button close">Close</button>
<div class="bar"></div>
</div>
</div>
<div class="u-full-width" id="home">
<div class="header">
<div class="row container">
<div class="logo">
<img width="110px" src="assets/img/logo.png" alt="ACE">
<button class="button menu-button u-pull-right">MENU</button>
</div>
<div class="hero-text">
<div class="hero-text-stuff">
<h1>Hey, We're <span class="c-red ">ACE</span></h1>
<h5>The technical society of VSIT</h5>
<a href="#about" class="button button-primary smooth-bc">Know More</a>
</div>
</div>
</div>
</div>
<div class="about container" id="about">
<h2 class="head-title">ABOUT US</h2>
<div class="row">
<div class="seven columns">
<p align="justify" style="font-size: 18px; font-wieght: 400;"><strong>ACE</strong> - <em>Association of Computer Enthusiasts</em> is the Technical society of VSIT, VIPS, Pitampura. We are a group of talented and curious technology enthusiasts who are specialised in different fields of technology, namely quizzing, programming, web development, digital imaging, and video editing.</p>
</div>
<div class="five columns u-pull-right">
<img width="230px" style="position:relative;left:50%;margin-left:-115px;" src="assets/img/ace.png" alt="ACE">
</div>
</div>
</div>
<div class="u-full-width b-gray" id="projects">
<div class="projects container">
<h2 class="head-title">PROJECTS</h2>
<div class="row">
<div class="four columns">
<div class="project">
<img src="assets/img/projects/p1.jpg" alt="Project" class="thumbnail">
<p class="thoda-about-project">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, optio! Nam necessitatibus ipsa ab, itaque, incidunt aliquam aut voluptatem aliquid iure perferendis eum minima pariatur consectetur, similique facilis alias sit.</p>
<button class="button" id="bp1">More info</button>
</div>
</div>
<div class="four columns">
<div class="project">
<img src="assets/img/projects/p1.jpg" alt="Project" class="thumbnail">
<p class="thoda-about-project">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, optio! Nam necessitatibus ipsa ab, itaque, incidunt aliquam aut voluptatem aliquid iure perferendis eum minima pariatur consectetur, similique facilis alias sit.</p>
<button class="button" id="bp1">More info</button>
</div>
</div>
<div class="four columns">
<div class="project">
<img src="assets/img/projects/p1.jpg" alt="Project" class="thumbnail">
<p class="thoda-about-project">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, optio! Nam necessitatibus ipsa ab, itaque, incidunt aliquam aut voluptatem aliquid iure perferendis eum minima pariatur consectetur, similique facilis alias sit.</p>
<button class="button" id="bp1">More info</button>
</div>
</div>
<div class="twelve columns" style="text-align:center;padding-top:30px;">
<button class="button button-primary" id="all_projects">View all projects</button>
</div>
</div>
</div>
</div>
<div class="join-us u-full-width" style="text-align:center; padding: 30px 0px;" id="contact">
<h2>Are you curious too?</h2>
<a href="#" class="button">Join us at ace</a>
</div>
<div class="contact-us u-full-width">
<div class="container" style="text-align:center; padding: 30px 0px;">
<h4 style="text-transform: lowercase;">WE WOULD LOVE TO GET IN TOUCH WITH YOU.</h4>
<form action="http://formspree.io/[email protected]" method="POST">
<input type="text" name="name" placeholder="Full Name">
<input type="email" name="email" placeholder="Email">
<textarea name="messege" placeholder="Any Messege, Suggesion, Feedback or any Query"></textarea>
<input type="submit" value="Send" class="button button-primary">
</form>
</div>
</div>
</div>
<div class="footer u-full-width" style="border-top: 1px solid #a3a1a1;">
<div class="container" style="padding: 20px 0px; color: #a3a1a1;font-weight:100;">
© 2016 ACE - Technical Society of VSIT, VIPS
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>