diff --git a/public/Header.js b/public/Header.js
new file mode 100644
index 0000000..6de4a2a
--- /dev/null
+++ b/public/Header.js
@@ -0,0 +1,9 @@
+function Header () {
+ return (
+
+
+
+
+
+ );
+}
diff --git a/public/Left.js b/public/Left.js
new file mode 100644
index 0000000..c491a62
--- /dev/null
+++ b/public/Left.js
@@ -0,0 +1,8 @@
+function Left () {
+ return (
+
+
+
+
+ );
+}
diff --git a/public/LiveVideo.js b/public/LiveVideo.js
new file mode 100644
index 0000000..adf1e3e
--- /dev/null
+++ b/public/LiveVideo.js
@@ -0,0 +1,7 @@
+function LiveVideo () {
+ return (
+
+ );
+}
diff --git a/public/Logo.js b/public/Logo.js
new file mode 100644
index 0000000..07b6776
--- /dev/null
+++ b/public/Logo.js
@@ -0,0 +1,6 @@
+function Logo () {
+ return (
+
+
+ );
+}
diff --git a/public/Main.js b/public/Main.js
index cb7c512..95845cb 100644
--- a/public/Main.js
+++ b/public/Main.js
@@ -1,3 +1,9 @@
-function Main(){
- return Hello
-}
\ No newline at end of file
+function Main (){
+ return (
+
+
+
+
+
+ );
+}
diff --git a/public/Middle.js b/public/Middle.js
new file mode 100644
index 0000000..e9ea2e7
--- /dev/null
+++ b/public/Middle.js
@@ -0,0 +1,8 @@
+function Middle () {
+ return (
+
+
+
+
+ );
+}
diff --git a/public/NavBar.js b/public/NavBar.js
new file mode 100644
index 0000000..247219d
--- /dev/null
+++ b/public/NavBar.js
@@ -0,0 +1,10 @@
+function NavBar () {
+ return (
+
+ Home
+ Moments
+ Notifications
+ Messages
+
+ );
+}
diff --git a/public/NewTweet.js b/public/NewTweet.js
new file mode 100644
index 0000000..da11168
--- /dev/null
+++ b/public/NewTweet.js
@@ -0,0 +1,7 @@
+function NewTweet () {
+ return (
+
+ What's happening? ________________
+
+ );
+}
diff --git a/public/Right.js b/public/Right.js
new file mode 100644
index 0000000..a45fc16
--- /dev/null
+++ b/public/Right.js
@@ -0,0 +1,8 @@
+function Right () {
+ return (
+
+
+
+
+ );
+}
diff --git a/public/SearchBar.js b/public/SearchBar.js
new file mode 100644
index 0000000..20ed1ff
--- /dev/null
+++ b/public/SearchBar.js
@@ -0,0 +1,8 @@
+function SearchBar () {
+ return (
+
+ Search
+
+
+ );
+}
diff --git a/public/Trends.js b/public/Trends.js
new file mode 100644
index 0000000..e07495b
--- /dev/null
+++ b/public/Trends.js
@@ -0,0 +1,11 @@
+function Trends () {
+ return (
+
+
Trending topic 1
+ Trending topic 2
+ Trending topic 3
+ Trending topic 4
+ Trending topic 5
+
+ );
+}
diff --git a/public/Tweets.js b/public/Tweets.js
new file mode 100644
index 0000000..77ee572
--- /dev/null
+++ b/public/Tweets.js
@@ -0,0 +1,19 @@
+function Tweets () {
+ var tweets = [
+ "ACA class was so awesome today.",
+ "I just checked out that new restaurant, it was okay",
+ "I just saw a movie that changed my life",
+ "shirts are 50% of at Macy's today"
+ ];
+ return (
+
+ {tweets.map((item) => {
+ return (
+
+
{item}
+
+ );
+ })}
+
+ );
+}
diff --git a/public/User.js b/public/User.js
new file mode 100644
index 0000000..e3431d1
--- /dev/null
+++ b/public/User.js
@@ -0,0 +1,9 @@
+function User () {
+ return (
+
+
+
Jesse Paulk
+
Tweets: 1 Following: 300 Followers: 0
+
+ );
+}
diff --git a/public/WhoToFollow.js b/public/WhoToFollow.js
new file mode 100644
index 0000000..368b120
--- /dev/null
+++ b/public/WhoToFollow.js
@@ -0,0 +1,11 @@
+function WhoToFollow () {
+ return (
+
+
Follow Jim
+ Follow Jack
+ Follow Jill
+ Follow John
+
+
+ );
+}
diff --git a/public/index.html b/public/index.html
index 460ce2f..2f304ef 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,6 +4,7 @@
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+