-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
98 lines (82 loc) · 4.68 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
<!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">
<title>Polyhedra Fab Lab</title>
<link rel="stylesheet" href="style.css">
<link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css">
</head>
<body>
<div id="preloader"></div>
<div class="container">
<section class="one">
<header>
<img src="LOGO2inverted.png" width="250px">
<div class="menu-btn"></div>
<div class="navigation">
<div class="navigation-items">
<a href="#">Home</a>
<a href="workshops.html">Workshops</a>
<a href="services3.html">Services</a>
<a href="facilities.html">Facilities</a>
<!-- <a href="https://polyhedralab.blogspot.com/">Blog</a> -->
<a href="about.html">About</a>
<a href="./sr/index.html">SRB</a>
</div>
</div>
<div class = "media-icons">
<a href = "https://discord.gg/dGw4bq3mDC"> <i class = "fab fa-discord"></i> </a>
<a href = "https://sr-rs.facebook.com/Polyhedra3D/"> <i class = "fab fa-facebook-f"></i> </a>
<a href = "https://www.instagram.com/polyhedra3d/"> <i class = "fab fa-instagram"></i> </a>
<a href = "https://twitter.com/polyhedra3d"> <i class = "fab fa-twitter"></i> </a>
</div>
</header>
<div class = "content">
<h1><span style="color:red">Workshop:</span><br><span style="color: rgb(255, 255, 255);">Mechanical Keyboards</span></h1>
<p id="white">Want to learn how to build your own mechanical macropad from the scratch. From the laser cutting, to the programming and wiring, we will help you build your own K33b. </p>
<a href= "cyberpunkSurvival.html"><span style="color: rgb(146, 175, 255);"> Read More</span> </a>
</div>
</section>
<section class="two">
<div class = "content">
<h1><span style="color:red">Workshop:</span><br><span style="color: rgb(255, 255, 255);">Electronics 101<br><br><br></span></h1>
<p id="second">The workshop serves to master the basics of electronics, get acquainted with electronic components and learn to read electronic circuits </p>
<a href= "electronics.html"><span style="color: rgb(146, 175, 255);"> Read More</span> </a>
</div>
</section>
<section class="three">
<div class = "content">
<h1 id="three"><span style="color:red">Workshop:</span><br><span>Arduino <span>Programming</span></span></h1>
<p id="white">Are you interested in robotics and want to learn the basics of Arduino? This workshop leads from simple Timer projects, to more complex ones in order to master the basic program concepts. </p>
<a id="vise" href= "arduino.html">Read More </a>
</div>
</section>
<section class="four">
<div class = "content">
<h1><span style="color:red">Event:</span><br><span>Makers <span>Day</span></span></h1>
<p id="short">Every Saturday we organize Maker's Day, where we put together small one-day make-up projects. </p>
<a href= "makersDay.html">Read More </a>
</div>
</section>
</div>
<script type="text/javascript">
//Javascript of responsive navigation menu
const menuBtn = document.querySelector(".menu-btn");
const navigation = document.querySelector(".navigation");
menuBtn.addEventListener("click", () => {
menuBtn.classList.toggle("active");
navigation.classList.toggle("active");
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/tilt.jquery.js"></script>
<script>
var loader = document.getElementById("preloader");
window.addEventListener("load", function(){
loader.style.display = "none";
})
</script>
</body>
</html>