it_help_desk_forum/site_home.html at main · lsr1006/it_help_desk_forum · 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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- Team4: IT Tech Support - Site Homepage - (UPDATED 4/12/2021) -->

<html xmlns="http://www.w3.org/1999/xhtml">
	<!-- Head -->
	<head>
		<title> IT Tech Support - Home </title>
		<link rel = "stylesheet" href="css/it_help_desk.css">
		<script src="http://www.cs.washington.edu/education/courses/cse190m/09sp/prototype.js" type="text/javascript"></script>
		<script src="js/it_help_desk.js"></script>
	</head>

	<!-- Body -->
	<body>

		<!-- content area of the entire page -->
		<div class = "content">

			<!-- main header of page -->
			<div class = "header">
				<h1 class = "header-title">IT Help Desk</h1>

				<!-- button links in the header -->
				<div class = "header-links">
					<button class="nav-button" id = "nav-home"> Site Home </button>
					<button class="nav-button" id = "nav-index"> Forum Index </button>
					<button class="nav-button" id = "nav-account">User Profile</button>
					<button class="nav-button" id = "nav-login">Log In</button>
					<button class="nav-button" id = "nav-register">Register</button>
					<button class="nav-button" id = "nav-logout">Sign Out</button>
				</div>
			</div>

			<br />

			<!-- body of the content on the page (everything except header and footer) -->
			<div class = "body">

				<div class = "welcome-container">
					<div class = "topic">
						<span class = "topic-name"> Welcome to IT Help Desk </span>
					</div>
					<div class = "welcome-message">
						<p> &emsp; <span class = "italics">IT Help Desk</span> is a forum where you can ask for help with a variety
							of computer and technology related topics. Topics are orginized by category for easy navigation
							and so you can get the best help as fast as possible. To view all the topics, begin by visiting
							the <a href = "forum_main.html">forum index</a>. There you can view all threads related to a
							topic, reply to an exiting thread, or create your own thread. In addition to help topics, we
							also have categories for general discussion about several topics relating to technology or
							off-topic discussion. Feel free to contact us about any categories you feel should be added to
							the forum.
						</p>
						<br />
						<p> &emsp; Site guests can view any topic but must register for an account before making or replying
							to any threads. Visit the <a href = "account.html">User Profile</a> page to view or edit
							account information.
						</p>
					</div>
				</div>


				<div class ="right-content">


					<div class = "recent-posts">
						<div class = "topic-container">
							<div class = "topic">
								<span class = "topic-name"> Recent Posts </span>
							</div>
							<div class = "sub-topic" onclick="location.href='thread.html';">
								<p> NAME_OF_THREAD1 <span class = "sub-topic-summary">Date Posted: DATE &emsp; Solved? Y/N </span></p>
							</div>
							<div class = "sub-topic" onclick="location.href='thread.html';">
								<p> NAME_OF_THREAD2 <span class = "sub-topic-summary">Date Posted: DATE &emsp; Solved? Y/N </span></p>
							</div>
							<div class = "sub-topic" onclick="location.href='thread.html';">
								<p> NAME_OF_THREAD3 <span class = "sub-topic-summary">Date Posted: DATE &emsp; Solved? Y/N </span></p>
							</div>
							<div class = "sub-topic" onclick="location.href='thread.html';">
								<p> NAME_OF_THREAD4 <span class = "sub-topic-summary">Date Posted: DATE &emsp; Solved? Y/N </span></p>
							</div>
							<div class = "sub-topic" onclick="location.href='thread.html';">
								<p> NAME_OF_THREAD5 <span class = "sub-topic-summary">Date Posted: DATE &emsp; Solved? Y/N </span></p>
							</div>
							<div class = "sub-topic" onclick="location.href='thread.html';">
								<p> NAME_OF_THREAD6 <span class = "sub-topic-summary">Date Posted: DATE &emsp; Solved? Y/N </span></p>
							</div>
							<div class = "sub-topic" onclick="location.href='thread.html';">
								<p> NAME_OF_THREAD7 <span class = "sub-topic-summary">Date Posted: DATE &emsp; Solved? Y/N </span></p>
							</div>
							<div class = "sub-topic" onclick="location.href='thread.html';">
								<p> NAME_OF_THREAD8 <span class = "sub-topic-summary">Date Posted: DATE &emsp; Solved? Y/N </span></p>
							</div>
						</div>
					</div>

					<div class = "members-online">
						<div class = "topic-container">
							<div class = "topic">
								<span class = "topic-name"> Users Online: 0 </span>
							</div>
							<div class = "sub-topic">
								<p> Registered Users: 0 <span class = "sub-topic-summary"> Best: 0 </span></p>
							</div>
							<div class = "sub-topic">
								<p> Staff Members: 0 <span class = "sub-topic-summary"> Best: 0 </span></p>
							</div>
							<div class = "sub-topic">
								<p> Guests: 0 <span class = "sub-topic-summary"> Best: 0 </span></p>
							</div>
						</div>
					</div>
				</div>

				<div class= "anoucment-area">
					<div class = "topic">
						<span class = "topic-name"> Announcements & News </span>
					</div>
					<div class = "original-post">
						<div class = "profile">
							<a href = "https://www.anandtech.com/show/16523/intel-core-11th-gen-rocket-lake-core-i9-core-i7-core-i5"><img src = "images/ex1.jpeg" class = "profile-picture"></a>
							<h5> Intel Launches Rocket Lake 11th Gen Core i9, Core i7, and Core i5</h5>
							<h5> by Dr. Ian Cutress</h5>

						</div>


						<!-- post content -->
						<div class = "post-content">
							<p> A new Intel 11th Generation Core desktop prosser has launched called Rocket Lake. This generation
								sees the return of the Core i9, i7, and i5 models. The i7 and i5 models feature 8 cores / 16 threads
								while the i5 models feature 6 cores/ 12 threads. These processors have base frequencies up to 3.9GHz
								and turbo speeds beyond 5GHz. This generation also boasts support for DDR4-3200, overclocking functionality,
								Intel UHD Graphics, and up to 20 PICe 4.0 lanes. Click the image to the left to visit the article.
								</p>
							<span class = "post-timestamp">March 16, 2021</span>
						</div>
					</div>

					<hr>

					<div class = "original-post">
						<div class = "profile">
							<a href = "site_home.html"><img src = "images/site_new.png" class = "profile-picture"></a>
							<h5> IT Help Desk gets a new look! </h5>
							<h5> by IT Help Desk Staff</h5>

						</div>

						<!-- post content -->
						<div class = "post-content">
							<p> Here at IT Help Desk, it is our mission to present a clean and organized website so that users
								can get the help they need as quickly and easily as possible. In persuit of this, our developers
								have redesigned our forum from the ground up. We hope you find this new update easy to use and helpful.
								Please do contact us with any reccommendations for future improvements.
							</p>
							<br />
							<p> - IT Help Desk Development Team</p>

							<span class = "post-timestamp">March 13, 2021</span>
						</div>
					</div>
				</div>

			</div>

			<br />
			<br />

			<!-- footer of the page -->
			<div class = "footer">
				<p> Contact Us </p>
				<p> Email: [email protected] </p>
				<p> Phone: (123)456 - 7890 </p>
			</div>
		</div>
	</body>
</html>