-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
executable file
·104 lines (99 loc) · 4.73 KB
/
contact.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="project.css"/>
<link href="css/movingboxes.css" media="screen" rel="stylesheet">
<!-- Required script -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script src="js/jquery.movingboxes.js"></script>
<!-- Demo only -->
<link href="demo/demo.css" media="screen" rel="stylesheet">
<style>
/* Dimensions set via css in MovingBoxes version 2.2.2+ */
#slider { width: 895px; }
#slider li { width: 333px; }
</style>
<script>
$(function(){
$('#slider').movingBoxes({
/* width and panelWidth options deprecated, but still work to keep the plugin backwards compatible
width: 500,
panelWidth: 0.5,
*/
startPanel : 1, // start with this panel
wrap : false, // if true, the panel will "wrap" (it really rewinds/fast forwards) at the ends
buildNav : true, // if true, navigation links will be added
navFormatter : function(){ return "●"; } // function which returns the navigation text for each panel
});
});
</script>
<title>CS Timeline </title>
</head>
<body>
<div class="header">
<div class="wrap">
<div class="menu">
<ul>
<li><a href="timelineTest.php">TIMELINE</a></li>
<li><a href="#">COURSES</a></li>
<li><a href="#">CURRENT WEEK</a></li>
<li><a href="#">CONTACT US</a></li>
</ul>
<div class="groupSelector">
<h1 class="group">YOU ARE LOGGED IN AS:</h1>
<div class="dropDown">
<select class="select">
<option value="Y">Group Y10</option>
<option value="X">X</option>
<option value="Z">Z</option>
<option value="10">10</option>
</select>
</div>
</div>
<hr class="whiteline" />
</div>
<div class="sliderbar">
<?php require("slider.html")?>
</div>
<div class="emptySpace">
</div>
<div class="Content">
<div class="leftContent">
<div class="search">
<h1 class="searchHeading">THE A-TEAM</h1>
<hr class="blackLine" />
<div class="teamMember">
<div class="pictureJames"></div>
<h1 class="personName">James Cobb</h1>
</div>
<div class="teamMemberWhite">
<div class="pictureAqib"></div>
<h1 class="personName">Syed Aqib Aftab</h1>
</div>
<div class="teamMember">
<div class="pictureIhsan"></div>
<h1 class="personName">Ihsan Utku Tugrul</h1>
</div>
<div class="teamMemberWhite">
<div class="pictureBogdan"></div>
<h1 class="personName">Bogdan Constantin Avram</h1>
</div>
<div class="teamMember">
<div class="pictureKaarel"></div>
<h1 class="personName">Kaarel Holm</h1>
</div>
</div>
</div>
<div class="rightContentAbout">
<div class="search">
<h1 class="searchHeading">WHO WE ARE AND WHAT IS CS TIMELINE</h1>
<hr class="blackLineLong" />
<div class ="whoWeAre">
<p>We are a group of 5 and we all meet at the beginning of this year. During the first few months, we had the opportunity to get to know each other. We learned our strengths and weaknesses, and by the time we started working on our website, we became a harmonic group which can work cooperatively without having problems.
After meeting with each other, the next step was learning how to develop a website. Some of us were experienced and some were not, but the common point between us was, we were all trying to improve our skills. Since we knew that we are all going to use this information in our project, we developed our skills in HTML, CSS, PHP, and MySQL. In addition to these programs, we are also going to use JavaScript and jQuery in our website.
Before starting to develop our website, we made a project plan, which we believe is really important. Since we were working as a group, and it was our first experience, we knew that we have to be organized.Therefore, we believe our plan helped us a lot. One of the most important facts in life is that, you have to be in the right place at the right time, so with the help of this plan we could easily figure out what we should do, and when we should do it.
After planning, it was just about making more research and building our website, which was not easy but doable since everyone knew what they should do, so we kept working together and help each other during each step and deal with this project.</p>
</div>
</div>
</div>