-
Notifications
You must be signed in to change notification settings - Fork 1
/
news-archive.html
90 lines (87 loc) · 3.32 KB
/
news-archive.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
<!doctype html>
<html>
<head>
<title>SITS - News</title>
<link rel="stylesheet" href="styles/styles.css">
<link rel="stylesheet" href="styles/icons.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&display=swap">
<link rel="shortcut icon" type="image/ico" href="assets/favicon.ico">
</head>
<body>
<!-- Header -->
<header id="header">
<div class="logo-container">
<a href="home.html">
<img src="assets/sitsLogoNew.svg" alt="SITS Logo" class="logo">
<img src="assets/sitsLogoNewWhite.svg" alt="SITS Logo" class="logo-top">
</a>
</div>
<!-- Navbar -->
<div id="navbar">
<a href="home.html"><li>Home</li></a>
<a href="about.html"><li>About</li></a>
<a href="news.html"><li>News</li></a>
<a href="https://www.youtube.com/channel/UCQLUl0wXCxUO-og-ydTlwng" target="_blank"><li>Tutorials</li></a>
</div>
</header>
<!-- Preview Image -->
<div id="preview-wrapper">
<div id="preview-overlay"></div>
<img id="preview-image" src="assets/computer2inside.jpg"/>
</div>
</div>
<!-- Main Body Content -->
<div id="alt-background">
<div id="main-body">
<h1>News</h1>
<div id="columns">
<div class="column">
<div class="body-text">
<h1>Archived News Goes Here</h1>
<p class="news-date">January 1st, 1970</p>
<p>Placeholder placeholder placeholder placeholder placeholder placeholder placeholder placeholder placeholder placeholder placeholder placeholder placeholder placeholder placeholder placeholder placeholder placeholder placeholder placeholder </p>
</div>
</div>
<div class="column">
<div class="body-text">
<div class="image">
<img src="assets/brightPigs2.jpg"/>
<p class="image-alt-text">Team bright pigs hard at work!</p>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer id="footer">
<div class="center-rows">
<!-- Social Media Icons -->
<div id="icons">
<a href="https://www.youtube.com/channel/UCQLUl0wXCxUO-og-ydTlwng" target="_blank" class="icon-bg" id="youtube-bg"><i class="fonticon youtube"/></i></a>
<a href="https://instagram.com/student_info_tech" target="_blank" class="icon-bg" id="instagram-bg"><i class="fonticon instagram"/></i></a>
</div>
<div id="text-info">
<p>Email:<br><a href="mailto: [email protected]">[email protected]</a></p>
</div>
<!--paypal widget-->
<div class="paypal">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick" />
<input type="hidden" name="hosted_button_id" value="SJP7JWC85YCK2" />
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif"
border="0" name="submit" title="PayPal - The safer, easier way to pay online!"
alt="Donate with PayPal button" />
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1"
height="1" />
</form>
</div>
</div>
</footer>
</div>
<!-- "Computers Donated" Box -->
<div id="computers-donated">
<h4>Computers Donated:</h4>
<div class="donator-numbers"><span id="thousands-place">0</span><span id="hundreds-place">0</span><span id="tens-place">0</span><span id="ones-place">9</span></div>
</div>
</body>
</html>