PortfolioWebSite/data.html at main · isben22/PortfolioWebSite · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Data</title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.slim.min.js"></script>
  <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
  <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
  <link rel="stylesheet" href="styles-data.css">
  <link rel="stylesheet" href="css/animations.css">
</head>
<body>
  <nav class="navbar navbar-expand-sm bg-dark navbar-dark" id="home">
    <!-- Brand/logo -->
    <a class="navbar-brand" href="#home"> <!-- will leave menu items for later once I have a host established-->
      <img src="includes/DDS-01.png" alt="logo" style="width:40px;">
    </a>

    <!-- Links -->
    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link" href="#services">Home</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#about">About Me</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#portfolio">Portfolio</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#contact-form">Contact</a>
      </li>
    </ul>
  </nav>

  <header>
    <div class="jumbotron jumbotron-fluid">
        <div class="container">
          <h1 class="display-2">Data</h1>
          <h3 class="animated">"Without data you're just another person with an opinion." ~ W.E. Deming.</h3>
        </div>
      </div>
  </header>

  <div class="container marketing">

    <hr class="featurette-divider">

    <div class="row featurette">
      <div class="col-md-7">
        <h2 class="featurette-heading">Data Warehouse. <span class="text-muted">Structured Ontologies.</span></h2>
        <p class="lead">In computing, a data warehouse, also known as an enterprise data warehouse, is a system used for reporting and data analysis, and is considered a core component of business intelligence. DWs are central repositories of integrated data from one or more disparate sources. Wikipedia.</p>
      </div>
      <div class="col-md-5">
        <img src="includes/info-1641937.jpg" class="img-fluid" alt="Responsive image">
    </div>
    </div>

    <hr class="featurette-divider">

    <div class="row featurette">
      <div class="col-md-7 order-md-2">
        <h2 class="featurette-heading">Data Analytics. <span class="text-muted">Tools and Logic.</span></h2>
        <p class="lead">Data analysis is a process of inspecting, cleansing, transforming and modeling data with the goal of discovering useful information, informing conclusions and supporting decision-making. Wikipedia.</p>
      </div>
      <div class="col-md-5 order-md-1">
        <img src="includes/web-page-1878634_1920.jpg" class="img-fluid" alt="Responsive image">
      </div>
    </div>

    <hr class="featurette-divider">

    <div class="row featurette">
      <div class="col-md-7">
        <h2 class="featurette-heading">Data Architecture. <span class="text-muted">Planning for integration.</span></h2>
        <p class="lead">In information technology, data architecture is composed of models, policies, rules or standards that govern which data is collected, and how it is stored, arranged, integrated, and put to use in data systems and in organizations. Wikipedia.</p>
      </div>
      <div class="col-md-5">
        <img src="includes/data-arch.png" class="img-fluid" alt="Responsive image">
      </div>
    </div>

    <hr class="featurette-divider">

    <footer class="footer">
        <p class="float-right"><a href="#home">Back to top</a></p>
        <p>&copy; 2020 Decision and Data Sciences, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
      </footer>

<!-- scripts -->
<script>
$(".jumbotron").css({ height: $(window).height() + "px" });

$(window).on("resize", function() {
  $(".jumbotron").css({ height: $(window).height() + "px" });
});
</script>
  </body>
  </html>

</body>
</html>