ISM6225 · FUTRFUNC · Mar 9, 2019 · Mar 9, 2019 · Mar 9, 2019 · Mar 10, 2019
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,6 @@
+################################################################################
+# This .gitignore file was automatically created by Microsoft(R) Visual Studio.
+################################################################################
+
+/.vs/Assignment_LookAndFeel/v15/.suo
+/.vs/slnx.sqlite
diff --git a/.vs/Assignment_LookAndFeel2/v15/.suo b/.vs/Assignment_LookAndFeel2/v15/.suo
diff --git a/.vs/VSWorkspaceState.json b/.vs/VSWorkspaceState.json
@@ -0,0 +1,10 @@
+{
+  "ExpandedNodes": [
+    "",
+    "\\css",
+    "\\img",
+    "\\js"
+  ],
+  "SelectedNode": "\\css\\main.css",
+  "PreviewInSolutionExplorer": false
+}
diff --git a/.vs/config/applicationhost.config b/.vs/config/applicationhost.config
diff --git a/.vs/config/applicationhost.config.exclude b/.vs/config/applicationhost.config.exclude
diff --git a/Assignment_LookAndFeel2.sln b/Assignment_LookAndFeel2.sln
@@ -0,0 +1,41 @@
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio 15
+VisualStudioVersion = 15.0.28307.438
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{E24C65DC-7377-472B-9ABA-BC803B73C61A}") = "Assignment_LookAndFeel2(1)", ".", "{C47DF125-B453-43FC-8CB0-69796DF0253C}"
+	ProjectSection(WebsiteProperties) = preProject
+		TargetFrameworkMoniker = ".NETFramework,Version%3Dv4.0"
+		Debug.AspNetCompiler.VirtualPath = "/localhost_65173"
+		Debug.AspNetCompiler.PhysicalPath = "..\Assignment_LookAndFeel2\"
+		Debug.AspNetCompiler.TargetPath = "PrecompiledWeb\localhost_65173\"
+		Debug.AspNetCompiler.Updateable = "true"
+		Debug.AspNetCompiler.ForceOverwrite = "true"
+		Debug.AspNetCompiler.FixedNames = "false"
+		Debug.AspNetCompiler.Debug = "True"
+		Release.AspNetCompiler.VirtualPath = "/localhost_65173"
+		Release.AspNetCompiler.PhysicalPath = "..\Assignment_LookAndFeel2\"
+		Release.AspNetCompiler.TargetPath = "PrecompiledWeb\localhost_65173\"
+		Release.AspNetCompiler.Updateable = "true"
+		Release.AspNetCompiler.ForceOverwrite = "true"
+		Release.AspNetCompiler.FixedNames = "false"
+		Release.AspNetCompiler.Debug = "False"
+		VWDPort = "65173"
+		SlnRelativePath = "..\Assignment_LookAndFeel2\"
+	EndProjectSection
+EndProject
+Global
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Debug|Any CPU = Debug|Any CPU
+	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{C47DF125-B453-43FC-8CB0-69796DF0253C}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{C47DF125-B453-43FC-8CB0-69796DF0253C}.Debug|Any CPU.Build.0 = Debug|Any CPU
+	EndGlobalSection
+	GlobalSection(SolutionProperties) = preSolution
+		HideSolutionNode = FALSE
+	EndGlobalSection
+	GlobalSection(ExtensibilityGlobals) = postSolution
+		SolutionGuid = {19B5E82E-3BB9-4348-AF76-C1F012D408FD}
+	EndGlobalSection
+EndGlobal
diff --git a/about.html b/about.html
@@ -0,0 +1,154 @@
+
+
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link href="https://fonts.googleapis.com/css?family=Playfair+Display|Roboto|Roboto+Slab" rel="stylesheet" />
+    <link rel="stylesheet" type="text/css" href="./css/main.css" />
+    <link rel="stylesheet" type="text/css" href="./css/index1.css" />
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" /> <!-- Icon -->
+    <script src="http://code.jquery.com/jquery-3.3.1.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
+    <title>About</title>
+</head>
+
+<body>
+    <!-- Site Navigation Start -->
+
+    <div class="topnav">
+        <div class="limit-col">
+            <div id="logo">
+                <a href="index.html">
+                    <img src="img/bull_wealth_logo.png">
+                </a>
+            </div>
+        </div>
+    </div>
+
+    <div class="topmenu">
+        <div class="limit-col">
+            <nav>
+                <div class="hamburger">
+                    <i class="fas fa-bars menu" aria-hidden="true"></i>
+                </div>
+                <a href="index.html"><i class="fas fa-home"></i></a>
+                <a href="about.html">About</a>
+                <a href="index2.html">Dividend Kings</a>
+                <a href="index1.html">Best Dividend Stocks</a>
+                <a href="index3.html">Investing Knowledge</a>
+            </nav>
+        </div>
+    </div>
+    <!-- Tiny script to toggle menu on smaller screens -->
+    <script type="text/javascript">
+        $(document).ready(function () {
+            $('.menu').click(function () {
+                $('nav a').toggleClass('active');
+            })
+        })
+    </script>
+
+    <!-- Site Navigation End -->
+    <!-- Header Start -->
+    <div class="row">
+        <div class="header2">
+            <div class="limit-col">
+                <h1>About Webpage</h1>
+            </div>
+        </div>
+    </div>
+    <!-- Header End -->
+    <!-- Main Content Start -->
+    <div class="row limit-col colpad">
+        <div class="row">
+            <h1>ISM 6225 - Distributed Information Systems</h1>
+            <p id="main-topic">
+                This website was designed as a part of an assignment for ISM 6225. We do not claim any ownership of the content herein. Webpage is created for educational purposes only and we are not responsible to how the information is used outside of education.
+            </p>
+            <p>Content Sources:</p>
+            <ul>
+                <li>https://www.kiplinger.com/article/college/T042-C032-S014-how-to-start-saving-for-your-child-s-college-educa.html</li>
+                <li>https://seekingalpha.com/article/4247749-best-dividend-stocks-buy-slowing-economy</li>
+                <li> https://www.kiplinger.com/slideshow/investing/T018-S001-101-best-dividend-stocks-to-buy-2019-and-beyond/index.html</li>
+                <li> https://www.investopedia.com/university/beginner/beginner1.asp </li>
+                <li> https://www.investopedia.com/university/beginner/beginner2.asp </li>
+                <li> https://www.investopedia.com/university/beginner/beginner3.asp </li>
+                <li> https://www.investopedia.com/university/beginner/beginner5.asp </li>
+            </ul>
+        </div>
+
+        <div class="row colpad">
+            <h2>Design Elements</h2>
+            <ul>
+                <li>Responsive - Design must incorporate be responsive design principals</li>
+                <li>Usability - User interface and navigation must be intuitive for the end user</li>
+                <li>Content - Content must be revelant to each other</li>
+                <li>Design - Design must use at least three specific design guidelines and ideas for web design</li>
+            </ul>
+        </div>
+        <div class="col-6 col-s-6 colpad">
+
+            <h2>Responsive</h2>
+            <p>
+                Website is designed to be responsive to large and small screens.
+            </p>
+
+
+        </div>
+
+
+        <div class="col-6 col-s-6 colpad">
+            <h2>Usability</h2>
+            <ul>
+                <li>Menu can easily be located at all times.</li>
+                <li>Menu will change as screen size change.</li>
+                <li>Content is centered.</li>
+                <li>Each section is distinguishable.</li>
+            </ul>
+        </div>
+
+
+        <div class="col-6 col-s-6 colpad">
+            <h2>Content</h2>
+            <p>
+                Web page content is related to dividend investing.
+            </p>
+
+
+        </div>
+
+        <div class="col-6 col-s-6 colpad">
+            <h2>Design</h2>
+            <ul>
+                <li><i>Color:</i> Consistent style and color scheme throughout.</li>
+                <li><i>Font:</i> Only two main font styles are used.</li>
+                <li><i>Layout:</i> Site uses css grids for consistent layout.</li>
+                <li><i>Responsive:</i> Site is designed to respond to both large and small screens. For large screens, the width of the content is limited for readability. Content will shift for best viewing experience for small screens.</li>
+            </ul>
+
+        </div>
+
+    </div>
+    <!-- Main Content End -->
+                <!-- Footer Start -->
+                <div class="row">
+                    <div class="footer">
+                        <div class="limit-col">
+                            <blockquote>
+                                "If you aren't willing to own a stock for ten years, don't even think about owning it for ten minutes. Put together a portfolio of companies whose aggregate earnings march upward over the years, and so also will the portfolio's market value."
+                            </blockquote>
+                            <blockquote class="quoting">
+                                -- Warren Buffet
+                            </blockquote>
+                        </div>
+                    </div>
+                </div>
+                <!-- Footer End -->
+
+</body>
+</html>
+
diff --git a/css/index.css b/css/index.css
@@ -0,0 +1,35 @@
+
+
+.row1 {
+    display: flex;
+    flex-wrap: wrap;
+    padding: 0 4px;
+  }
+
+  /* Create four equal columns that sits next to each other */
+  .column {
+    flex: 25%;
+    max-width: 25%;
+    padding: 0 4px;
+  }
+
+  .column img {
+    margin-top: 8px;
+    vertical-align: middle;
+  }
+
+/* Responsive layout - makes a two column-layout instead of four columns */
+@media screen and (max-width: 800px) {
+    .column {
+      flex: 50%;
+      max-width: 50%;
+    }
+  }
+
+  /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
+  @media screen and (max-width: 600px) {
+    .column {
+      flex: 100%;
+      max-width: 100%;
+    }
+  }