-
Notifications
You must be signed in to change notification settings - Fork 0
/
medium.html
99 lines (91 loc) · 5.49 KB
/
medium.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Karla:wght@400;500;700&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/8663eb90fc.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/medium.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>Medium | SoCollab</title>
</head>
<body>
<!-- <div id="navbar">
<img src="assets/logo.png" width="40" id="logo">
<p id="logo">NUS Computing Club</p>
<div id="options">
<p><a href="index.html">Home</a></p>
<p><a href="seniorsharings.html">Senior Sharings</a></p>
<p><a href="pilotproject.html">Pilot Project</a></p>
<p><a style="color: #78e08f;" href="medium.html">Medium</a></p>
<p><a href="hackathons.html">Hackathons</a></p>
</div>
</div> -->
<div class="navbar">
<div class="active">
<img src="assets/logo.png" width="40" style="padding-left:10px; padding-top:8px; background-color: #60a3bc;" id="logo">
</div>
<!-- Navigation links (hidden by default) -->
<div id="myLinks">
<p><a href="index.html">Home</a></p>
<p><a href="seniorsharings.html">Senior Sharings</a></p>
<p><a href="pilotprojects.html">Pilot Projects</a></p>
<p><a href="medium.html">Medium</a></p>
<p><a href="hackathons.html">Hackathons</a></p>
</div>
<!-- "Hamburger menu" / "Bar icon" to toggle the navigation links -->
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
<div id="main-container">
<!-- <a href="https://medium.com/socollab" target="_blank" >
<img src="assets/banner_medium.png" alt="Pilot Projects">
</a> -->
<img src="assets/banner_medium.png" alt="Medium" id="banner-medium-img">
<p id="about-para">
Medium is an open publishing platform where readers can share insightful stories on topics that interest them the most. As part of our cell’s objective to allow students from the School of Computing to discover their interests, we aim to start our own publication known as ‘SoCollab’. This publication will be responsible for publishing articles written by students from our faculty, pertaining to a multitude of computing disciplines like Data Science and Machine Learning among others, as well as practical experience, such as project work and internships.
</p>
<a href="https://medium.com/socollab" id="medium-link" target="_blank">Click here to visit our medium page!</p>
</div>
<div id="footer">
<div id="footer-details">
<!-- <p id="footer-logo">NUS Computing Club</p> -->
<img src="assets/footer_logo.png" id="footer-logo">
<div id="socials">
<a target="_blank" href="https://www.facebook.com/nuscomputing"><i class="fa-brands fa-facebook-f"></i></a>
<a target="_blank" href="https://www.instagram.com/NUSComputingClub"><i class="fa-brands fa-instagram"></i></a>
<a target="_blank" href="https://t.me/nuscomputingclub"><i class="fa-brands fa-telegram"></i></a>
<a target="_blank" href="https://www.youtube.com/channel/UCVd-qsSFF328UUqcNxudy0w"><i class="fa-brands fa-youtube"></i></a>
<a target="_blank" href="https://github.com/NUSComputingDev"><i class="fa-brands fa-github"></i></a>
<a target="_blank" href="mailto:[email protected]"><i class="fa-solid fa-envelope"></i></a>
</div>
<p id="disclaimers">
Copyright © NUS Students' Computing Club • <a style="text-decoration: none; color: white;" href="https://nuscomputing.com/privacy/">Privacy Policy</a>
</p>
</div>
<!-- <p id="feedback" style="line-height: 35px;">
Got feedback? Send it our way! <br> <a target="_blank" href="https://feedback.nuscomputing.com">feedback.nuscomputing.com</a>
</p> -->
</div>
<script>
function myFunction() {
var x = document.getElementById("myLinks");
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}
</script>
</body>
</html>
<!-- <p id="header-stmt">
Meet the Team
<i style="vertical-align: middle; font-size: 17px; padding-left: 2px; color: #395B9B;" class="fa-solid fa-circle"></i>
<i style="vertical-align: middle; font-size: 17px; padding-left: 2px; color: #93c6c3;" class="fa-solid fa-circle"></i>
<i style="vertical-align: middle; font-size: 17px; padding-left: 2px; color: #92CEFC;" class="fa-solid fa-circle"></i>
</p> -->