Skip to content

Instantly share code, notes, and snippets.

@danielsimao

danielsimao/.html

Created May 28, 2020 17:22
Show Gist options
  • Save danielsimao/fc583bd5961fd1955ecb75adfa80e588 to your computer and use it in GitHub Desktop.
Save danielsimao/fc583bd5961fd1955ecb75adfa80e588 to your computer and use it in GitHub Desktop.
Download ZIP
yo
Raw
.html
<!DOCTYPE html>
<html>
<head>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
crossorigin="anonymous"
/>
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"
></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
crossorigin="anonymous"
></script>
<style>
.body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.btn:active {
background-color: #c95925;
}
.btn:focus {
background-color: #c95925;
}
.btn-secondary {
background-color: white;
color: black;
}
.btn-secondary:hover {
background-color: #c95925;
color: white;
}
.btn-secondary.focus {
background-color: #c95925;
color: white;
box-shadow: 0 0 0 0.2rem #c95925;
}
.btn-secondary:not(:disabled):not(.disabled).active {
background-color: #c95925;
color: white;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus {
box-shadow: 0 0 0 0.2rem #c95925;
}
</style>
</head>
<body>
<div>
<h4 style="margin-top: 20px; margin-left: 25px;">
Crie o seu projeto...
</h4>
</div>
<div>
<form
style="
height: 900px;
width: 500px;
margin-left: 50px;
margin-top: 25px;
"
>
<div class="form-group">
<label for="name">Nome</label>
<input type="text" class="form-control" id="name" />
</div>
<div class="form-group">
<label for="url">URL(opcional)</label>
<input type="text" class="form-control" id="url" />
</div>
<div class="form-group">
<label for="link">Link do MS Teams(opcional)</label>
<input type="text" class="form-control" id="link" />
</div>
<div
class="btn-group"
role="group"
aria-label="Basic example"
style="margin-bottom: 5px; width: 500px;"
>
<div
style="width: 100%;"
class="btn-group btn-group-toggle"
data-toggle="buttons"
>
<label style="width: 100%;" class="btn btn-secondary active">
<input type="radio" name="options" id="option1" checked /> Público
</label>
<label style="width: 100%;" class="btn btn-secondary">
<input type="radio" name="options" id="option2" /> Privado
</label>
</div>
</div>
<div class="form-group">
<label for="exampleFormControlTextarea1">Descrição</label>
<textarea
class="form-control"
id="exampleFormControlTextarea1"
rows="3"
></textarea>
</div>
<button type="submit" class="btn btn-primary" style="width: 500px;">
Criar
</button>
</form>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment