ai-timeline/offloads.html at main · macloo/ai-timeline · 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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title> Artificial Intelligence Offloads </title>
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <style>
    body,
    .container-fluid {
      margin-bottom: 0 !important;
      padding-bottom: 0 !important;
    }
    footer a {
      color: #012B36 !important;
      text-decoration: none !important;
    }
    footer a:hover {
      text-decoration: underline !important;
    }
  </style>
</head>

<body>
  <div class="container">

    <h1 class="display-3 mt-5 mb-3">AI Adjacencies</h1>

    <div class="row">
      <!-- one row -->

      <div class="col-xl-3 col-lg-4 col-md-6">
        <!-- begin card -->
        <div class="card mb-4">
          <div class="card-header display-6">1950</div>
          <img src="images/Alan_Turing_az_1930.jpg" class="card-img-top" alt="photo of young Alan Turing sitting in a chair outdoors">
          <div class="card-body">
            <h5 class="card-title">Turing Test</h5>
            <p class="card-text">Alan Turing proposed this test, which he called “the Imitation Game,” to determine whether a machine could think.</p>
            <a href="#" class="btn btn-primary mt-2 me-1">Go somewhere</a>
          </div>
        </div>
        <!-- end card -->
      </div>
      <!-- end column -->

      <div class="col-xl-3 col-lg-4 col-md-6">
        <!-- begin card -->
        <div class="card mb-4">
          <div class="card-header display-6">Year</div>
          <img src="images/photos-hobby-750-pink.jpg" class="card-img-top" alt="photo of android head with circuitry exposed">
          <div class="card-body">
            <h5 class="card-title">Card title</h5>
            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
            <a href="#" class="btn btn-primary mt-2 me-1">Go somewhere</a>
          </div>
        </div>
        <!-- end card -->
      </div>
      <!-- end column -->

      <div class="col-xl-3 col-lg-4 col-md-6">
        <!-- begin card -->
        <div class="card mb-4">
          <div class="card-header display-6">Year</div>
          <img src="images/photos-hobby-750-pink.jpg" class="card-img-top" alt="photo of android head with circuitry exposed">
          <div class="card-body">
            <h5 class="card-title">Card title</h5>
            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
            <a href="#" class="btn btn-primary mt-2 me-1">Go somewhere</a>
          </div>
        </div>
        <!-- end card -->
      </div>
      <!-- end column -->

      <div class="col-xl-3 col-lg-4 col-md-6">
        <!-- begin card -->
        <div class="card mb-4">
          <div class="card-header display-6">Year</div>
          <img src="images/photos-hobby-750-pink.jpg" class="card-img-top" alt="photo of android head with circuitry exposed">
          <div class="card-body">
            <h5 class="card-title">Card title</h5>
            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
            <a href="#" class="btn btn-primary mt-2 me-1">Go somewhere</a>
          </div>
        </div>
        <!-- end card -->
      </div>
      <!-- end column -->

      <div class="col-xl-3 col-lg-4 col-md-6">
        <!-- begin card -->
        <div class="card mb-4">
          <div class="card-header display-6">Year</div>
          <img src="images/photos-hobby-750-pink.jpg" class="card-img-top" alt="photo of android head with circuitry exposed">
          <div class="card-body">
            <h5 class="card-title">Card title</h5>
            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
            <a href="#" class="btn btn-primary mt-2 me-1">Go somewhere</a>
          </div>
        </div>
        <!-- end card -->
      </div>
      <!-- end column -->

    </div>
    <!-- end row -->
  </div>
  <!-- end container -->

  <div class="container-fluid text-white bg-success gb-0">

    <div class="row">
      <div class="col-xl-9 mx-auto">

        <footer class="py-5 mb-0">
          <p class="px-3 mb-0">A personal project by <a href="https://mindymcadams.com/">Mindy McAdams</a>. Standard MIT license. Copyright &copy; 2022 Mindy McAdams. Built with Bootstrap version 5.2 and the free <a href="https://bootswatch.com/solar/">Solar</a> theme. Pull requests are invited. Fork it at <a href="https://github.com/macloo/ai-timeline">GitHub</a>.</p>
        </footer>

      </div>
      <!-- end column -->
    </div>
    <!-- end row -->
  </div>
  <!-- end fluid container -->

</body>

</html>