buzzamus.github.io/wordamid.html at main · buzzamus/buzzamus.github.io · 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
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
	<title>Brent Busby's personal web portfolio</title>
	 <!-- Bootstrap -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
    <link rel="stylesheet" href="stylesheets/styles.css">
  	<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
	<link rel="manifest" href="/site.webmanifest">
</head>
<body>

	<!-- Nav Bar Here -->
	<nav class="navbar navbar-default-wordamid">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand nav-top-marg white" href="index.html">BrentBusby.com</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
		<ul class="nav navbar-nav navbar-right">
			<li><a class="white" href="mailto:brentbusby86@gmail.com">Email Support</a></li>
		</ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

	<!-- Update jQuery, Bootstrap version, find new font on google docs and include link in head section -->

	<div class="container">
		<div class="row">
  <div class="jumbotron center img-responsive">
    <h1 class="center white text-border">Wordsosceles</h1>
  </div>
</div>
	</div>

	<div class="row">
	  <div class="left-panel col-md-offset-1 col-md-5">
	    <h3 class="center underline">Can you successfully guess all the words within the Wordsosceles?</h3>
	    <p>You get 5 attempts to try and successfully guess each of the 5 words within the Wordsosceles.</p>
     	 <p>Even unsuccessful guesses can be helpful as each letter that is used in the word directly below the current word will be given to you.</p>
		<p>You can create a cascading effect by guessing a correct letter that is included in muliple levels if they are in a row.</p>
        <p>This sounds complicated! But it isn't so, just go play! (the game is free)</p>
		<div class="center">
			<a href="https://apps.apple.com/us/app/wordsosceles/id6450367916?itsct=apps_box_badge&amp;itscg=30200" style="display: inline-block; overflow: hidden; border-radius: 13px; width: 250px; height: 83px;"><img src="https://tools.applemediaservices.com/api/badges/download-on-the-app-store/black/en-us?size=250x83&amp;releaseDate=1689465600" alt="Download on the App Store" style="border-radius: 13px; width: 250px; height: 83px;"></a>
		</div>
	  </div>

	  <div class="side-pic-heck col-md-offset-2 col-md-4 col-md-offset-1">
		<div class="center">
			<img src="images/wordamid.png" class="img-responsive img-me" id="pic">
		</div>
	</div>
	</div>

	<div class="center"><p>Designed and Programmed by Brent Busby</p></div>

	<div class="footer">
	<hr />
	<p>Created by Brent Busby</p>
	</div>

	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
		<script src="scripts/script.js"></script>
</body>
</html>