diff --git a/.vs/ProjectSettings.json b/.vs/ProjectSettings.json
new file mode 100644
index 0000000..f8b4888
--- /dev/null
+++ b/.vs/ProjectSettings.json
@@ -0,0 +1,3 @@
+{
+ "CurrentProjectSetting": null
+}
\ No newline at end of file
diff --git a/.vs/VSWorkspaceState.json b/.vs/VSWorkspaceState.json
new file mode 100644
index 0000000..6bf11d5
--- /dev/null
+++ b/.vs/VSWorkspaceState.json
@@ -0,0 +1,9 @@
+{
+ "ExpandedNodes": [
+ "",
+ "\\public",
+ "\\src"
+ ],
+ "SelectedNode": "\\public\\Main.js",
+ "PreviewInSolutionExplorer": false
+}
\ No newline at end of file
diff --git a/.vs/advanced-twitter-clone/v15/.suo b/.vs/advanced-twitter-clone/v15/.suo
new file mode 100644
index 0000000..c788e2e
Binary files /dev/null and b/.vs/advanced-twitter-clone/v15/.suo differ
diff --git a/.vs/config/applicationhost.config b/.vs/config/applicationhost.config
new file mode 100644
index 0000000..4b9bf47
--- /dev/null
+++ b/.vs/config/applicationhost.config
@@ -0,0 +1,1031 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/.vs/slnx.sqlite b/.vs/slnx.sqlite
new file mode 100644
index 0000000..03a676a
Binary files /dev/null and b/.vs/slnx.sqlite differ
diff --git a/public/Friends.js b/public/Friends.js
new file mode 100644
index 0000000..d151b9c
--- /dev/null
+++ b/public/Friends.js
@@ -0,0 +1,7 @@
+function Friends() {
+ return (
+
+
Friends Section
+
+ )
+}
diff --git a/public/Main.js b/public/Main.js
index cb7c512..ea45342 100644
--- a/public/Main.js
+++ b/public/Main.js
@@ -1,3 +1,29 @@
function Main(){
- return Hello
-}
\ No newline at end of file
+ return (
+
+ )
+}
diff --git a/public/Media.js b/public/Media.js
new file mode 100644
index 0000000..457f90e
--- /dev/null
+++ b/public/Media.js
@@ -0,0 +1,7 @@
+function Media() {
+ return (
+
+
Media Section
+
+ )
+}
diff --git a/public/Nav.js b/public/Nav.js
new file mode 100644
index 0000000..60f6870
--- /dev/null
+++ b/public/Nav.js
@@ -0,0 +1,7 @@
+function Nav() {
+ return (
+
+
Nav Section
+
+ )
+}
diff --git a/public/Profile.js b/public/Profile.js
new file mode 100644
index 0000000..3361915
--- /dev/null
+++ b/public/Profile.js
@@ -0,0 +1,7 @@
+function Profile() {
+ return (
+
+
Profile Section
+
+ )
+}
diff --git a/public/Search.js b/public/Search.js
new file mode 100644
index 0000000..37942ae
--- /dev/null
+++ b/public/Search.js
@@ -0,0 +1,7 @@
+function Search() {
+ return (
+
+
Search Section
+
+ )
+}
diff --git a/public/Trends.js b/public/Trends.js
new file mode 100644
index 0000000..a34ab69
--- /dev/null
+++ b/public/Trends.js
@@ -0,0 +1,7 @@
+function Trends() {
+ return (
+
+
Trend Section
+
+ )
+}
diff --git a/public/Tweet.js b/public/Tweet.js
new file mode 100644
index 0000000..6d77b23
--- /dev/null
+++ b/public/Tweet.js
@@ -0,0 +1,7 @@
+function Tweet() {
+ return (
+
+ )
+}
diff --git a/public/TweetHist.js b/public/TweetHist.js
new file mode 100644
index 0000000..2133717
--- /dev/null
+++ b/public/TweetHist.js
@@ -0,0 +1,7 @@
+function TweetHist() {
+ return (
+
+ )
+}
diff --git a/public/Twitter.js b/public/Twitter.js
new file mode 100644
index 0000000..3dd0e6c
--- /dev/null
+++ b/public/Twitter.js
@@ -0,0 +1,7 @@
+function Twitter() {
+ return (
+
+ )
+}
diff --git a/public/index.html b/public/index.html
index 460ce2f..b51a96f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,22 +1,17 @@
-
+
-
React App
+
+
+
@@ -27,11 +22,12 @@
"I just saw a movie that changed my life",
"shirts are 50% of at Macy's today"
];
-
+
+
- You can add webfonts, meta tags, or analytics to this file.
- The build step will place the bundled scripts into the tag.
- To begin the development, run `npm start`.
- To create a production bundle, use `npm run build`.
- -->
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/style.css b/public/style.css
new file mode 100644
index 0000000..f2de3c9
--- /dev/null
+++ b/public/style.css
@@ -0,0 +1,123 @@
+body {
+ min-height: 100vh;
+ background-image:
+ repeating-linear-gradient(305deg,
+ rgba(231,131,177, 0) 0,
+ #40ccde 61vmax,
+ #40ccde calc(61vmax - 5px),
+ #40ccde 61vmax
+ ),
+ repeating-linear-gradient(151deg,
+ rgba(231,131,177, 0) 0,
+ #9959cf 50vmax,
+ #9959cf calc(50vmax - 5px),
+ #9959cf 50vmax
+ );
+
+ background-color: #e783b1;
+ background-size: 100% 100%;
+}
+
+div {
+ display:flex;
+}
+
+.main, .col1, .col2, .col3 {
+ flex-direction:column;
+}
+
+.main {
+ /*margin: 0 auto;
+ max-width: 10vw;*/
+ /*background-color: lightblue;*/
+ padding-left: 200px;
+}
+
+#nav {
+ width: 450px;
+ height: 100px;
+ outline: solid 2px darkslategray;
+ align-items: center;
+ justify-content: center;
+ margin: 10px;
+}
+
+#twitter {
+ width: 150px;
+ height: 100px;
+ outline: solid 2px darkslategray;
+ align-items: center;
+ justify-content: center;
+ margin: 10px;
+
+}
+
+#search {
+ width: 450px;
+ height: 100px;
+ outline: solid 2px darkslategray;
+ align-items: center;
+ justify-content: center;
+ margin: 10px;
+
+}
+
+#profile {
+ width: 300px;
+ height: 300px;
+ outline: solid 2px darkgreen;
+ align-items: center;
+ justify-content: center;
+ margin: 10px;
+
+}
+
+#trends {
+ width: 300px;
+ height: 300px;
+ outline: solid 2px darkgreen;
+ align-items: center;
+ justify-content: center;
+ margin: 10px;
+
+}
+
+#tweet {
+ width: 400px;
+ height: 100px;
+ outline: solid 2px magenta;
+ align-items: center;
+ justify-content: center;
+ margin: 10px;
+
+}
+
+#tweet-hist {
+ width: 400px;
+ height: 400px;
+ outline: solid 2px magenta;
+ align-items: center;
+ justify-content: center;
+ margin: 10px;
+
+}
+
+#friends {
+ width: 300px;
+ height: 300px;
+ outline: solid 2px yellow;
+ align-items: center;
+ justify-content: center;
+ margin: 10px;
+
+}
+
+#media {
+ width: 300px;
+ height: 300px;
+ outline: solid 2px yellow;
+ align-items: center;
+ justify-content: center;
+ margin: 10px;
+
+}