Difference between revisions of "Example 1 - no bootstrap"
From MyWiki
| Line 4: | Line 4: | ||
<html> | <html> | ||
<head> | <head> | ||
| − | <title> | + | <title>Toko - A MintLabs Project</title> |
| − | - | + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| + | <!-- Latest compiled and minified CSS --> | ||
| + | <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> | ||
| + | |||
| + | <!-- Optional theme --> | ||
| + | <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css"> | ||
| + | <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media | ||
| + | queries --> | ||
| + | <!--[if lt IE 9]> | ||
| + | <script src="../../assets/js/html5shiv.js"></script> | ||
| + | <script src="../../assets/js/respond.min.js"></script> | ||
| + | <![endif]--> | ||
</head> | </head> | ||
<body> | <body> | ||
| − | <div> | + | <div> |
| − | <header> | + | <header> |
| − | <ul> | + | <ul> |
| − | <li><a href="#">Home | + | <li><a href="#">Home</a> |
| − | </li> | + | </li> |
| − | <li><a href="#"> About | + | <li><a href="#">About Toko</a> |
| − | </ul> | + | </li> |
| − | <h3> | + | <li><a href="#">MintLabs</a> |
| − | </header> | + | </li> |
| − | <div> | + | </ul> |
| − | + | <h3>Toko</h3> | |
| − | <h1> Self-destructing message app </h1> | + | </header> |
| − | </div> | + | <div> |
| − | <div> | + | <h1>Self-destructing message app</h1> |
| − | <p>© 2013 | + | <p>Learn how to build iPhone and iPad apps from scratch in my book!</p> |
| − | </div> | + | <p><a href="#">Download the app!</a> |
| − | </div> | + | </p> |
| + | </div> | ||
| + | <div> | ||
| + | <p>© 2013 Toko - By MintLabs</p> | ||
| + | </div> | ||
| + | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
| − | |||
| − | |||
| − | |||
</source> | </source> | ||
Latest revision as of 15:48, 17 September 2015
<!DOCTYPE html> <html> <head> <title>Toko - A MintLabs Project</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> <!-- Optional theme --> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="../../assets/js/html5shiv.js"></script> <script src="../../assets/js/respond.min.js"></script> <![endif]--> </head> <body> <div> <header> <ul> <li><a href="#">Home</a> </li> <li><a href="#">About Toko</a> </li> <li><a href="#">MintLabs</a> </li> </ul> <h3>Toko</h3> </header> <div> <h1>Self-destructing message app</h1> <p>Learn how to build iPhone and iPad apps from scratch in my book!</p> <p><a href="#">Download the app!</a> </p> </div> <div> <p>© 2013 Toko - By MintLabs</p> </div> </div> </body> </html>
