-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
124 lines (113 loc) · 6.11 KB
/
Copy pathindex.html
File metadata and controls
124 lines (113 loc) · 6.11 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Share IITK</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" media="screen and (max-width: 500px)" href="phone.css">
</head>
<body>
<header class="header">
<div class="left">
<img src="Screenshot 2022-07-16 162416.jpg" alt="">
</div>
<div class="mid">
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#content">About ShARE</a></li>
<li><a href="#works">What we do</a></li>
<li><a href="#blog">Blog</a></li>
<li><a href="#">Team</a></li>
<li><a href="#connect">Contact Us</a></li>
</ul>
</div>
<div class="right">
<button class="btn">JOIN US</button>
</div>
</header>
<div>
<img class = "photo" src="photo.jpg">
</div>
<div id = "welcome">
<h1>Welcome to the <span class="special">ShARE IIT Kanpur Website.</span></h1>
<div class="box">
<p>Lorem ipsum dolor, sit <span class = "special">amet consectetur adipisicing elit. Doloremque</span> amet consectetur adipisicing elit. Doloremque exercitationem aliquid vel optio natus cumque, eum, quis ratione quam laboriosam repellendus quae, aspernatur nisi? Harum non ut facere repellendus totam!amet? Lorem ipsum dolor sit amet consectetur adipisicing elit. <span class = "special">onsequatur quia amet accusantium doloribus</span>C, quibusdam neque vel odio, aliquid, doloremque blanditiis voluptatem impedit cupiditate! In non minima ullam quo repudiandae sequi?
</p>
<br>
<p>Lorem ipsum dolor sit amet <span class="special"> ShARE IIT Kanpur</span> consectetur adipisicing elit. Expedita id, ratione fugiat iure enim accusantium nisi veritatis amet ullam natus blanditiis rem velit cum tempora. Placeat ipsa magni sed amet?Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ad dolorum temporibus incidunt necessitatibus <span class = "special">VERITATIS VOLUPTATIBUS!</span> Explicabo mollitia consectetur illum minus, id dolorem excepturi eum, rem atque molestiae eaque doloremque! Id.</p>
</div>
</div>
<div><h1 class="head">What is <span class="special">ShARE?</span></h1></div>
<div id = "content">
<div id="item1">
<p>ShARE is an innovative start-up at the crossroads of education and consulting with ‘do well, do good’ as its mission. It runs a <span class = "special">global leadership programme</span> that aims to create new generation of future leaders.</p>
<br>
<p>ShARE aims to transform the way corporate organizations conventionally work and create new generation of leaders and changemakers who will do well for themselves and do good for the world.</p>
<button><a href = "#">Read More ></a></button>
</div>
<div id = "item1">
<iframe style="width: 100%;" src="https://youtu.be/T_UORWc_UDw"></iframe>
</div>
</div>
<h1 class="head1"><span class="special">ShARE Programme</span> operates under the following <span class = "special">4 pillars.</span></h1>
<div id="pillar">
<img src="leadership.jpg">
<img src="img2.jpg">
<img src="img3.jpg">
<img src="img4.jpg">
</div>
<div id="pillar">
<div id="item2">Leadership</div>
<div id="item2">Do well, do good</div>
<div id="item2">Corporate Skills</div>
<div id="item2">Openness to the world</div>
</div>
<button class = "find-more"><a href = "#">Find out more About the Programme ></a></button>
<h1 class="head1">Check out our <span class = "special">blog</span> for the latest articles <img src="blog.jpg"></h1>
<div id = "blog">
<div class="blog1">
<div class="item-blog"><a href = "#">Triple Pay Growth for Companies!</a></div>
<div class="item-blog"><a href = "#">Triple Pay Growth for Companies!</a></div>
<div class="item-blog"><a href = "#">Triple Pay Growth for Companies!</a></div>
</div>
<div class="blog1">
<div class="item-blog"><a href = "#">Triple Pay Growth for Companies!</a></div>
<div class="item-blog"><a href = "#">Triple Pay Growth for Companies!</a></div>
<div class="item-blog"><a href = "#">Triple Pay Growth for Companies!</a></div>
</div>
</div>
<h1 class="head1">What we do at <span class="special">ShARE IIT Kanpur</span></h1>
<div id = "works">
<a href = "#"><img src ="i1.jpg"></a>
<a href = "#"><img src ="i2.jpg"></a>
<a href = "#"><img src ="i3.jpg"></a>
<a href = "#"><img src ="i4.jpg"></a>
</div>
<h1 class="head1">ShARE<span class = "special">xperiences</span>: Testimonials of our Alumni</h1>
<img class="photo" src="test.jpg">
<h1 class="head1"><span class = "special"><br>Connect</span> With Us</h1>
<div id = "connect">
<form action="noaction.php">
<div class="form-group">
<input type="text" name="" placeholder="Enter your Name">
</div>
<div class="form-group">
<input type="email" name="" placeholder="Enter your Email Id">
</div>
<div class="form-group">
<input type="text" name="" placeholder="Add a message">
</div>
<button class = "btn1" >Submit</button>
<p style="text-align: center;" ><br><br>For collaboration or any queries <span class = "special">contact </span>at:<br>
president.share.iitk@gmail.com<br>
86000XXXXX</p>
</form>
</div>
<footer class="footer">
<a href="#"><img src="in.jpg"></a>
<a href="#"><img src="f.jpg"></a>
<a href="#"><img src="gram.jpg"></a>
</footer>
</body>