trent_larson
/
kickstarter-for-time
6
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Intro slides

master
Jose Olarte III 8 months ago
parent
8c767c48cc
commit
f73a71f475
8 changed files with 139 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      img/coin.png
  2. BIN
      img/handshake.png
  3. BIN
      img/magic-box.png
  4. BIN
      img/teamwork.png
  5. 35
      intro-01.html
  6. 35
      intro-02.html
  7. 35
      intro-03.html
  8. 34
      intro-04.html

BIN
img/coin.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
img/handshake.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
img/magic-box.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

BIN
img/teamwork.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

35
intro-01.html
View File

@ -0,0 +1,35 @@
<!doctype html>
<html class="text-slate-700">
<head>
<title>Welcome - Time Safari</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Tailwind -->
<script src="https://cdn.tailwindcss.com?plugins=forms"></script>
<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/2396c18fde.js" crossorigin="anonymous"></script>
<link href="css/main.css" rel="stylesheet">
</head>
<body>
<!-- CONTENT -->
<section id="Content" class="p-6 pb-24 min-h-screen flex flex-col justify-center bg-gradient-to-b from-cyan-300 via-white via-60%">
<img src="img/magic-box.png" class="w-48 mx-auto" />
<!-- Heading -->
<h1 id="ViewHeading" class="text-3xl text-center font-normal mt-4">Welcome to Time Safari!</h1>
<p class="text-center text-xl font-light mt-1">(A brief, one-sentence description of the app goes here.)</p>
<div class="fixed bottom-0 left-0 right-0 z-50">
<div class="flex p-4 gap-2">
<a href="intro-02.html" class="block w-3/4 text-center text-md uppercase bg-blue-600 text-white px-1.5 py-2 rounded-md">Next</a>
<a href="start.html" class="block w-1/4 text-center text-md uppercase bg-slate-300 text-slate-500 px-1.5 py-2 rounded-md">Skip</a>
</div>
</div>
</section>
</body>
</html>

35
intro-02.html
View File

@ -0,0 +1,35 @@
<!doctype html>
<html class="text-slate-700">
<head>
<title>Welcome - Time Safari</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Tailwind -->
<script src="https://cdn.tailwindcss.com?plugins=forms"></script>
<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/2396c18fde.js" crossorigin="anonymous"></script>
<link href="css/main.css" rel="stylesheet">
</head>
<body>
<!-- CONTENT -->
<section id="Content" class="p-6 pb-24 min-h-screen flex flex-col justify-center bg-gradient-to-b from-cyan-300 via-white via-60%">
<img src="img/handshake.png" class="w-60 mx-auto" />
<!-- Heading -->
<h1 id="ViewHeading" class="text-xl text-center font-semibold mt-4">(Feature / ability 01 goes here)</h1>
<p class="text-center text-lg font-light mt-1">(A brief, one-sentence description of the feature / ability goes here.)</p>
<div class="fixed bottom-0 left-0 right-0 z-50">
<div class="flex p-4 gap-2">
<a href="intro-03.html" class="block w-3/4 text-center text-md uppercase bg-blue-600 text-white px-1.5 py-2 rounded-md">Next</a>
<a href="start.html" class="block w-1/4 text-center text-md uppercase bg-slate-300 text-slate-500 px-1.5 py-2 rounded-md">Skip</a>
</div>
</div>
</section>
</body>
</html>

35
intro-03.html
View File

@ -0,0 +1,35 @@
<!doctype html>
<html class="text-slate-700">
<head>
<title>Welcome - Time Safari</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Tailwind -->
<script src="https://cdn.tailwindcss.com?plugins=forms"></script>
<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/2396c18fde.js" crossorigin="anonymous"></script>
<link href="css/main.css" rel="stylesheet">
</head>
<body>
<!-- CONTENT -->
<section id="Content" class="p-6 pb-24 min-h-screen flex flex-col justify-center bg-gradient-to-b from-cyan-300 via-white via-60%">
<img src="img/teamwork.png" class="w-60 mx-auto" />
<!-- Heading -->
<h1 id="ViewHeading" class="text-xl text-center font-semibold mt-4">(Feature / ability 02 goes here)</h1>
<p class="text-center text-lg font-light mt-1">(A brief, one-sentence description of the feature / ability goes here.)</p>
<div class="fixed bottom-0 left-0 right-0 z-50">
<div class="flex p-4 gap-2">
<a href="intro-04.html" class="block w-3/4 text-center text-md uppercase bg-blue-600 text-white px-1.5 py-2 rounded-md">Next</a>
<a href="start.html" class="block w-1/4 text-center text-md uppercase bg-slate-300 text-slate-500 px-1.5 py-2 rounded-md">Skip</a>
</div>
</div>
</section>
</body>
</html>

34
intro-04.html
View File

@ -0,0 +1,34 @@
<!doctype html>
<html class="text-slate-700">
<head>
<title>Welcome - Time Safari</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Tailwind -->
<script src="https://cdn.tailwindcss.com?plugins=forms"></script>
<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/2396c18fde.js" crossorigin="anonymous"></script>
<link href="css/main.css" rel="stylesheet">
</head>
<body>
<!-- CONTENT -->
<section id="Content" class="p-6 pb-24 min-h-screen flex flex-col justify-center bg-gradient-to-b from-cyan-300 via-white via-60%">
<img src="img/coin.png" class="w-60 mx-auto" />
<!-- Heading -->
<h1 id="ViewHeading" class="text-xl text-center font-semibold mt-4">(Feature / ability 03 goes here)</h1>
<p class="text-center text-lg font-light mt-1">(A brief, one-sentence description of the feature / ability goes here.)</p>
<div class="fixed bottom-0 left-0 right-0 z-50">
<div class="flex p-4 gap-2">
<a href="start.html" class="block w-full text-center text-md uppercase bg-blue-600 text-white px-1.5 py-2 rounded-md">Get Started!</a>
</div>
</div>
</section>
</body>
</html>
Write Preview
Loading…
Cancel
Save