diff --git a/getting_started.txt b/getting_started.txt
new file mode 100644
index 0000000..e69de29
diff --git a/website/website/templates/css/style.css b/website/website/templates/css/style.css
new file mode 100644
index 0000000..e446ef1
--- /dev/null
+++ b/website/website/templates/css/style.css
@@ -0,0 +1,63 @@
+*{
+ box-sizing: border-box;
+}
+body{
+ margin: 0;
+ font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
+}
+.row{
+ width: 100%;
+ /* border: 1px solid red; */
+}
+
+.navbar{
+ height: 100px;
+ position: sticky;
+ top: 0px;
+ display: flex;
+ align-items: center;
+ z-index: 1000;
+ justify-content: space-around;
+ /* padding: 0px 40px 0px 40px; */
+ background: white;
+}
+.navbar img {
+ background: #333;
+ width: 40px;
+ height: 40px;
+}
+.navbar ul{
+ display: flex;
+ list-style: none;
+}
+.navbar a{
+ text-decoration: none;
+ padding: 0px 20px 0px 20px;
+ color: #333;
+}
+
+.hero{
+ height: 400px;
+ border: 1px solid blue;
+}
+.description{
+ height: 400px;
+}
+.events{
+ height: 400px;
+}
+.map{
+ height: 600px;
+
+}
+.become-member{
+
+ height: 400px;
+}
+.footer{
+
+ height: 200px;
+}
+.top-off{
+ padding-top: 100px;
+}
\ No newline at end of file
diff --git a/website/website/templates/index.html b/website/website/templates/index.html
new file mode 100644
index 0000000..25a41f4
--- /dev/null
+++ b/website/website/templates/index.html
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+
+ Document
+
+
+
+
![]()
+
+
about
+ events
+ map
+ become member
+
+
+
\ No newline at end of file