scrimba
Preview
Landing Page With Routes
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Landing Page With Routes
AboutCommentsNotes
Landing Page With Routes
Expand for more info
index.html
run
preview
console
<html>
<head>
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<link href="styles.css" rel="stylesheet">
</head>

<body>
<div id="app">

<navigation></navigation>

<div class="hero-box">
<div class="hero-box-left">
<p class="large-text">Your trusted web developers, just a click away.</p>
<p class="medium-text">Meet our team of web dev experts ready to take on your biggest challenges and turn them into opportunities to outshine your competition. Connect with us today to get started.</p>
</div>
<div class="hero-box-right">
<form method="post" action="#">
<input-field unique="first_name" label="First Name"></input-field>
<input-field unique="last_name" label="Last Name"></input-field>
<input-field unique="email" label="Email"></input-field>
<div class="input-wrapper">
<button>Contact Us</button>
</div>
</form>
</div>
</div>

</div>

<script src="index.pack.js"></script>
</body>
</html>
Console
"Download the Vue Devtools extension for a better development experience: https://github.com/vuejs/vue-devtools"
,
"You are running Vue in development mode. Make sure to turn on production mode when deploying for production. See more tips at https://vuejs.org/guide/deployment.html"
,
/index.html#/page-one
-8:54