diff --git a/Back.jpeg b/Back.jpeg new file mode 100644 index 0000000..5c71d3b Binary files /dev/null and b/Back.jpeg differ diff --git a/CURR.jpeg b/CURR.jpeg new file mode 100644 index 0000000..9f35cc4 Binary files /dev/null and b/CURR.jpeg differ diff --git a/PEPSI.png b/PEPSI.png new file mode 100644 index 0000000..40b59d0 Binary files /dev/null and b/PEPSI.png differ diff --git a/final.jpeg b/final.jpeg new file mode 100644 index 0000000..e2e68a6 Binary files /dev/null and b/final.jpeg differ diff --git a/homepage.css b/homepage.css new file mode 100644 index 0000000..1dc8420 --- /dev/null +++ b/homepage.css @@ -0,0 +1,142 @@ +body { + background-color: #aaa; + } + ul { + float: left; + } + ul li { + display: inline-block; + list-style: none; + float: left; + transition: .5s; + } + ul li a { + text-decoration: none; + font-size: 16px; + font-weight: 500; + margin: 5px; + padding: 5px; + color: #fff; + border: 3px solid #fff; + border-radius: 20px; + } + ul li a:hover { + color: #18dcff; + border: 3px solid #18dcff; + } + ul li:hover { + transform: scale(1.2); + } + ul li a:active { + color: #3ae374; + border: 3px solid #3ae374; + } + + svg { + font-family: Sans-Serif, Arial; + } + .line { + stroke-width: 2; + fill: none; + } + + .axis path { + stroke: black; + } + + .text { + font-size: 12px; + } + + .title-text { + font-size: 12px; + } + .cards-list { + z-index: 0; + width: 100%; + display: flex; + justify-content: space-around; + flex-wrap: wrap; + } + + .card { + margin: 100px auto; + width: 300px; + height: 300px; + border-radius: 40px; + box-shadow: 5px 5px 30px 7px rgba(0,0,0,0.25), -5px -5px 30px 7px rgba(0,0,0,0.22); + cursor: pointer; + transition: 0.4s; + } + + .card .card_image { + width: inherit; + height: inherit; + border-radius: 40px; + } + + .card .card_image img { + width: inherit; + height: inherit; + border-radius: 40px; + object-fit: cover; + } + + .card .card_title { + text-align: center; + border-radius: 0px 0px 40px 40px; + font-family: sans-serif; + font-weight: bold; + font-size: 30px; + margin-top: -80px; + height: 40px; + } + + .card:hover { + transform: scale(0.9, 0.9); + box-shadow: 5px 5px 30px 15px rgba(0,0,0,0.25), + -5px -5px 30px 15px rgba(0,0,0,0.22); + } + + .title-white { + color: white; + } + + .title-black { + color: black; + } + + .review { + height: 200px; + position: relative; + } + + .success { + border: 3px solid black; + background-color: white; + color: black; + padding: 14px 28px; + font-size: 16px; + font-weight: bold; + margin-left: 40%; + /* margin-top: 60px; */ + align-items: center; + cursor: pointer; + border-color: #18dcff; + color: #000; + border-radius: 20px; + } + + .success:hover { + background-color:#18dcff; + color: white; + } + + @media all and (max-width: 500px) { + .card-list { + /* On small screens, we are no longer using row direction but column */ + flex-direction: column; + } + } + + \ No newline at end of file diff --git a/homepage.html b/homepage.html new file mode 100644 index 0000000..80c5a0b --- /dev/null +++ b/homepage.html @@ -0,0 +1,66 @@ + + + + + Stock Prediction + + + + +
+ +
+
+ +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+

Currency

+
+
+ +
+
+ +
+
+

VIX

+
+
+ +
+
+ +
+ + \ No newline at end of file diff --git a/index.png b/index.png new file mode 100644 index 0000000..9dcc786 Binary files /dev/null and b/index.png differ