Codelabs/algo.php at master · mudassarsyed/Codelabs · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<title>Events</title>
<?php require 'header.php' ?>
</head>
<body>
	9f9c60deb4b89c22c32750cdda9fa49df0eafc49
<div class="container">
						<div class="row">
							<div class="col-md-12">
								<section id=timeline class="transparent">
	<h1 class="white-text">Algoholic Timeline</h1>
	<!-- <p class="leader">C---O---D---E---L---A---B---S---C---R---C---E---C---C---O---U---N---C---I---L</p> -->
	<div class="demo-card-wrapper transparent">
		<!--Event Start -->
		<div class="demo-card demo-card--step1 hoverable 	">
			<div class="head">
				<div class="number-box">
					<span>01</span>
				</div>
				<span class="h1">ALGOHOLIC Part I</span>
			</div>
			<div class="body">
<!-- 				<p style="font-size: 24px;">How good are you at coding ?...Want to boost  your coding skills?....Well good news for you!!</p>
 -->				<a href="algo1.php">
					<img id= "e1" src="Images/ALGO1.jpg" alt="Graphic">
				</a>

			</div>
		</div>
			<!--Event End -->
		<div class="demo-card demo-card--step2">
			<div class="head">
				<div class="number-box">
					<span>02</span>
				</div>
				<span class="h1">ALGOHOLIC Part II</span>
			</div>
			<div class="body">
<!-- 			<p style="font-size: 24px;">Give your mind some break by  Solving  logical questions in order to break free from the monotony of college<p>
 -->				<a href="algo2.php">
					<img id= "e2" src="Images/images.jpg" alt="Graphic">
				</a>
			</div>
		</div>

		<div class="demo-card demo-card--step3">
			<div class="head">
				<div class="number-box">
					<span>03</span>
				</div>
				<span class="h1">ALGOHOLIC Part III</span>
			</div>
			<div class="body">
<!-- 				<p style="font-size: 24px;">ITS TIME TO PUT  YOUR THINKING CAPS ON!!*</p>
 -->				<a href="Images/images.jpg">
					<img id= "e3" src="Images/images.jpg" alt="Graphic">
				</a>
			</div>
		</div>

		<div class="demo-card demo-card--step4">
			<div class="head">
				<div class="number-box">
					<span>04</span>
				</div>
					<span class="h1">ALGOHOLIC Part IV</span>
				</div>
			<div class="body">
<!-- 				<p style="font-size: 24px;">Here is a chance for all the Tech-savvy creative minds to showcase their creativity!!</p>
 -->				<a href="Images/images.jpg">
					<img id= "e4" src="Images/images.jpg" alt="Graphic">
				</a>
			</div>
		</div>

		<div class="demo-card demo-card--step5">
			<div class="head">
				<div class="number-box">
					<span>05</span>
				</div>
				<span class="h1">ALGOHOLIC Part V</span>
			</div>
			<div class="body">
<!-- 				<p style="font-size: 24px;">Just entered into the world of Engineering? Want to brush up your logical skills to ease your next 3 years in college?Well then this is a great opportunity  for you FE’s!!</p>
 -->
				<a href="Images/images.jpg">
					<img id= "e5" src="Images/images.jpg" alt="Graphic">
				</a>
			</div>
		</div>


	</div>
</section>
							</div>
						</div>
				</div>
			</div>
		</div>
	</div>


</div>
<?php require'footer.php' ?>
</body>
</html>