/
index.html
126 lines (95 loc) · 3.76 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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> The Circle
</title>
<link href="https://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400,400i,700,700i,800" rel="stylesheet">
<script src="js/addFriendMohamad.js"></script>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/responsive.css">
<meta name="viewport" content="width= device-width, intial-scale=1.0">
</head>
<body>
<header>
<a href = "index" id="logo">
<h1>The Circle </h1>
<h2> Connect with your circle of friends. Build new relationships.</h2>
</a>
<nav id="styling">
<ul>
<li><a href="index" class="selected">Home</a></li>
<li><a href="members">Members</a></li>
<li><a href="contact">Contact</a></li>
</ul>
</nav>
</header>
<div id="wrapper" >
<section id="sec">
<p id="center">Welcome to Mohamad's Profile Page</p>
<ul id="s" ><li> <img src="img/pic.png" alt="mohamad's face" id="sizing"></li> </ul>
<li><ul id="styling" >
<li >Birthday: 23-07-1996</li>
<li >Address: The Rooms</li>
<li >Phone: 564 - 3456</li>
<li><a href="mh-location"><p>Location</p></a></li>
</ul>
</li>
</section>
<section id="sec2">
<h1 id="newh1">My Friends</h1>
<ul id="s2" >
</ul>
<h1>People You May Know</h1>
<form action = "/addMohamad" method ="post">
Add Friend Here:
<select name="friendList">
<option selected disabled>Choose a friend to add</option>
<option value="Jake Candar">Jake Candar</option>
<option value="Miley Cyr">Miley Cyr</option>
<option value="Mike Mits">Mike Mits</option>
<option value="Mohamad Hamadi">Mohamad Hamadi</option>
<option value="Khloe Ka">Khloe Ka</option>
<option value="Brandon Kelvin">Brandon Kelvin</option>
<option value="Amy Williams">Amy Williams</option>
<option value="Josh Davis">Josh Davis</option>
<option value="Cameron Knight">Cameron Knight</option>
<option value="Lilly Singh">Lilly Singh</option>
</select>
<input type ="submit" value="Submit"></input>
</form>
<form action = "/deleteMohamad" method ="post">
Delete Friend Here:
<select id = "friendDelete" name="friendList1">
<option selected disabled>Choose a friend to delete</option>
</select>
<input type ="submit" value="Submit"></input>
</form>
</section>
<section id="sec3">
<li><ul id="styling" >
<ul><p><strong>My Schedule</strong></p></ul>
<li><p>Monday</p></li>
<li>Lectures</li>
<li>Tennis</li>
<li><p>Tuesday</p></li>
<li>Working at Commons</li>
<li>Swimming</li>
<li><p>Wednesday</p></li>
<li>Lectures</li>
<li>Gym</li>
<li><p>Thursday</p></li>
<li>Working at Commons</li>
<li>Assignments</li>
<li><p>Friday</p></li>
<li>Lectures</li>
<li>Gym</li>
</ul>
</section>
<footer>
© 2016 The Circle
</footer>
</section>
</div>
</body>
</html>