Luciano_Britis

Developer
Luciano Boaventura Britis
Size
10,654 Kb
Views
6,072
  1. Luciano_Britis Previews
  2. Luciano_Britis HTML Codes
  3. Luciano_Britis CSS Codes
  4. Luciano_Britis JS Codes

How do I make an luciano_britis?

Este projeto faz parte do estudo do FCC - Free Code Camp do tópico Basic Front End Development Projects fase 1. E é parte integrante dos estudos para desenvolvimento de um portfolio.. What is a luciano_britis? How do you make a luciano_britis? This script and codes were developed by Luciano Boaventura Britis on 11 January 2023, Wednesday.

Luciano_Britis Previews
IQ Test

Luciano_Britis - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Luciano_Britis</title> <link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css'>
<link rel='stylesheet prefetch' href='http://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.3/animate.min.css'>
<link rel='stylesheet prefetch' href='https://ajax.cdnjs.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap-responsive.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> d<body> <!--Header--> <nav class="navbar"> <div class="container"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse" id="myNavbar"> <ul class="nav navbar-nav"> <li><a href="#" id="topo">Home</a></li> <li><a href="#about" class="scroll">About us</a></li> <li><a href="http://blog.udacity.com/2014/12/24-websites-resources-web-development.html" class="scroll">Portfolio</a></li> <li><a href="#contact-page" class="scroll">Contact</a></li> </ul> </div> </div> </nav> <!--/header --> <!-- jumbotron --> <div class="jumbotron"> <div class="container-fluid"> <div class="text-center"> <h1>Web Development Careers: Front-end <br />vs Back-end vs Full-Stack</h1> <p class="text-info">You open a new browser tab, type in a URL, and press enter. The site loads instantly. It nearly takes your breath away with its ultra-clean layout, well-constructed pages, and impressive visuals.</p> </div> </div> </div> <!-- /jumbotron --> <div class="neighborhood-guides"> <div class="container"> <h2>The people responsible for every part of that experience?</h2><h2><cite>Web developers</cite></h2> <!--images cols --> <div class="row"> <div class="col-md-4"> <div class="thumbnail"> <img src="http://bsdacademy.com/wp-content/uploads/2014/10/html-css-js.png" class="img-responsive" alt="Front-End Developer"> </div> </div> <div class="col-md-4"> <div class="thumbnail"> <img src="https://1.bp.blogspot.com/-2q1r1tz7BsQ/VDhSyWd7h6I/AAAAAAAAKZ0/SocBekC0rk0/s1600/back-end%2Bdevelopment.png" class="img-responsive" alt="Back-End Developer"> </div> </div> <div class="col-md-4"> <div class="thumbnail"> <img src="http://cdn.skilledup.com/wp-content/uploads/2015/03/web-development-data-study-blue-Feature-1290x688-MS.jpg" class="img-responsive" alt="Full Stack Developer"> </div> </div> </div> </div> </div> <div class="details"> <div class="container"> <div class="row"> <div class="col-md-4"> <h4>Front-End Developer</h4> <p>If you are a very first learner about front end development the foremost question of your mind will be how to become a front end developer. Before getting the answer my suggestion is to keep eyes on this article. If you fix yourself to see you as a front end developer within this year. The skills you must master are listed in the below.</p> <ol> <li>HTML / HTML5: Semantic web</li> <li>CSS / CSS3: LESS, SASS, Media Queries</li> <li>JavaScript: jQuery, AngularJS, Knockout, etc.</li> <li>Compatibility quirks across browsers</li> <li>Angular.js</li> <li>Responsive design</li> <li>AJAX, JSON, XML, WebSocket</li> </ol> <p><a class="btn btn-primary" href="#" role="button">Learn more.</a></p> </div> <div class="col-md-4"> <h4>Back-End Developer</h4> <p>Quite similar to the front-end web development environment, even the back-end web development environment comprises of several libraries and frameworks that are used for making the back-end coding more simpler for the back-end developer. Some of the most popular back-end libraries used and recommended by back-end development professionals include: Code Igniter, Ruby On Rails and many more.</p> <ol> <li>PHP, Asp.</li> <li>ColdFusion.</li> <li>Zend-Mysql Aplication.</li> <li>Mongodb-Iss.</li> <li>Nginx-Pithon.</li> <li>Ruby on Rails.</li> </ol> <p> <a class="btn btn-primary" href="#" role="button">Learn more.</a> </p> </div> <div class="col-md-4"> <h4>Full Stack Developer</h4> <p>The idea of a “full-stack developer” isn’t about being fluent in every possible technology there is, because specialization exists for a reason. It’s more about having an understanding in each of the areas below, to communicate intelligently between team members and to be a good asset if the situation needs it.</p> <ol> <li>HTML5, CSS.</li> <li>Ios.</li> <li>Android.</li> <li>Mongodb.</li> <li>Scala.</li> <li>NodeJS.</li> </ol> <p><a class="btn btn-primary" href="#" role="button">Learn more.</a></p> </div> </div> </div> </div> <!-- About Section --> <section id="about" > <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <h2>About us</h2><hr class="star-light"> </div> </div> <div class="row about"> <div class="col-md-4 col-xs-6"> <p>My name is Luciano Bôaventure Britis.</p> <p>Am developer for the love of coding and now my profession</p> <p>I am currently a freelance am open to new job opportunities.</p> <p>Can I work with several activities related to web development.</p> <p>I live in São Paulo, I'm married, I have two children pet.</p> <p> When I'm not working'll find me doing a walk or walking with my pets. </p> </div> <div class="col-md-4 col-xs-6"> <p> We know that champions has a different gleam in his eye and live with great expectation positive, own an incredible grab, seek excellence and maintains focus on satisfying results.</p> <p> Our success is the success in your business, exceed their expectations. I am passionate about what I do so want you to feel super satisfied and yearn to return. </p> <p> Want to know more? we will mark a coffee and talked more. </p> </div> <div class="col-md-4 col-xs-6 "> <p>We are passionate about what we do so we want you to feel super satisfied and yearn to return. Champions are always training..training and training. </p> </div> <div class="pull-right"><button class="btn btn-info btn-sm" data-toggle="modal" data-target="#myModal">Know more.</button></div> <!-- <div class="col-md-8 col-lg-offset-2 text-center"> <a href="#" class="btn btn-lg btn-outline"> <i class="fa fa-download"></i> Colocar btn Popover </a> </div> --> </div> </div> </section> <!-- End About Section --> <!-- begin map --> <div id="map"> </div> <!-- end map --> <section> <div class="container-fluid" id="thing"> <div class="row"> <div class="col-sm-6 col-md-4 hidden-xs"> <h2>Let's talk?</h2> </div> <div class="col-sm-6 col-md-4 hidden-sm hidden-xs"> <h2>Contact me</h2> <aside class="pull"> <q>&hellip;Use the form below to send your message</q> </aside> </div> <div class="col-sm-6 col-md-4"> <div class="social"> <h2>Social</h2> <ul> <li><a href="https://www.facebook.com/LucianoBritis" class="btn btn-social btn-facebook"><i class="icon-facebook"></i></a></li> <li><a href="https://twitter.com/lucianobritis" class="btn btn-social btn-twitter"><i class="icon-twitter"></i></a></li> <li><a href="https://br.linkedin.com/pub/luciano-britis/40/676/10" class="btn btn-social btn-linkedin"><i class="icon-linkedin"></i></a></li> <li><a href="https://github.com/LucianoBritis" class="btn btn-social btn-github"><i class="icon-github"></i></a></li> </ul> </div> </div> </div> </div> </section> <!-- //contact header --> <!-- Contact--> <section class="container" id="contact-page"> <div class="row-fluid"> <div class="span8"> <h4>Send your message</h4> <div class="status alert alert-success" style="display: none"></div> <form id="main-contact-form" class="contact-form" name="contact-form" method="post" action="sendemail.php"> <div class="row-fluid"> <div class="span5"> <label draggable="true">Name</label> <input type="text" class="input-block-level" required="required" placeholder="Your first name" data-content="Insira seu nome"> <label>Last name</label> <input type="text" class="input-block-level" required="required" placeholder="Your surname"> <label>Email address</label> <input type="text" class="input-block-level" required="required" placeholder="Email address"> </div> <div class="span7"> <label>Message</label> <textarea name="message" id="message" required="required" class="input-block-level" rows="8"></textarea> </div> </div> <button type="submit" class="btn btn-primary btn-large pull-right">Send</button> </form> </div> <div class="span3"> <h4>Localization</h4> <p><i class="icon-map-marker pull-left"></i>Santana, 328, São Paulo SP, Brasil</p> <p><i class="icon-envelope"></i>&nbsp;[email protected]</p> <p><i class="icon-phone"></i>&nbsp;+55 11 9 8438 3117</p> <p><i class="icon-globe"></i>&nbsp;https://www.meusite.com.br</p> </div> </div> </section> <!-- Contact--> <!-- modal--> <div class="container"> <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title" id="myModalLabel">Resume - Front-end Web Developer</h4> </div> <div class="modal-body"> <h4 style="text-align:center; font-size:1.8em;">More about this DevWeb</h4> <h4>Summary of Qualifications</h4> <div class="media"> <div class="media-left"> <img class="media-object smaller-image" src="data:image/jpeg;base64,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" alt="..."> </div> <div class="media-body"> <h4 class="media-heading">Luciano</h4>Britis <p>Objective: Seeking a position as a Junior Web Developer in order to utilize my professional skills</p> </div> </div> <hr> <h4>Summary of Qualifications</h4> <p>Present knowledge in the area, through lectures obtained in the course and practical activities.</p> <p>Develop my knowledge in order to enhances them and increasingly raise prestadosem services projects, working better and better, also getting a professional fulfillment.</p> <h4>Academic education</h4> <h5>Degree in Internet Systems</h5> <h4>Complementary training</h4> <ol class="suspenso"> <li>Training Front End</li> <li>HTML and CSS</li> <li>JQuery</li> <li>JavaScript</li> <li>HTML5 - Approved by the W3C.</li> </ol> <p>Newbie Web Developer seeking opportunities for first web development position!.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> </div> <!--//modal --> <!--footer--> <footer id="footer"> <div class="container"> <div class="row"> <div class="text-center cp">© 2015 By Luciano Britis <div class="span1 cp pull-right" id="top"><a href="#topo" class="scroll" title="Topo"><i class="icon-angle-up"></i></a> </div> </div> </div> </div> </footer> <!--// footer --> <!--// footer --> <!-- JavaScript Test --> <script> $(function () { $('.js-popover').popover() $('.js-tooltip').tooltip() }); </script> <script src="https://maps.googleapis.com/maps/api/js?callback=initMap&amp;signed_in=true&amp;key=AIzaSyAuwNRjy-l4QC2dRaLGfiBVv0gwMTDqzbE" async defer></script>
</body> <script src='http://code.jquery.com/jquery-1.9.1.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Luciano_Britis - Script Codes CSS Codes

/* ---------------1. defaults---------------*/
@import url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css');
* {	margin: 0;	padding: 0;
}
body {	background: #fff;
}
/* ---------------1. header---------------*/
.navbar {	background-color: transparent;	border: 0;
}
.navbar ul {	display: inline-block;
}
.navbar a {	font-size: 18px;	color:#FFA500;	font-weight: bold;	text-transform:Uppercase;	padding: 15px 10px;
}
.navbar a:hover {	color:#FF4500;	background-color: none;
}
.nav>li>a:hover, .nav>li>a:focus { text-decoration: none; background-color: transparent;
}
/* ---------------1. header---------------*/
.navbar .navbar-toggle .icon-bar {	background-color:#FFA500;	text-shadow: 0px 2px 3px #000;
}
.navbar .navbar-toggle:hover { background-color:transparent; border: 1px solid #FFA500; text-shadow: 0px 2px 3px #000;
}
/* ---------------menu responsivo---------------*/
/* ---------------1. jumbotron---------------*/
.jumbotron{	height: 600px;	margin-top: -71px;	margin-bottom: 0;	background-image:url('https://picjumbo.imgix.net/HNCK7799.jpg?q=40&w=1300&sharp=30');	background-repeat: no-repeat;	background-size: cover; } .jumbotron .container {	position: relative;	top: 50px;	left: 55px; }
.jumbotron h1 {	font-family: 'Shift', sans-serif; font-size: 48px;	font-weight: bold;	color: #fff; word-spacing:0.05em; letter-spacing:0.02em; text-transform: uppercase;	text-shadow: 0px 2px 3px black;
}
.jumbotron p {	font-size: 25px;	text-shadow: 0px 2px 3px black; line-height: 1.7em; text-align:left;	font-weight: bold;	padding-top:30px; color: #fff;
}
/* ---------------1. jumbotron---------------*/
/* ---------------1. details ---------------*/
.pull {	float: right;
}
.details {	background-color:#E6E6FA; padding:20px;
}
.details h4 {	font-family: 'Shift', sans-serif;	font-size: 18px;	font-weight: bold;	padding-top: 10px;
}
.details p {	font-size: 16px;	text-align: justify;	padding-top: 5px; }
.details .container li {	font-size: 16px;	padding-top: 2px;
}
.details .container ol { padding-left:20px;
}
/* ---------------1. details ---------------*/
/* ---------------1. neighborhood-guides ---------------*/
.neighborhood-guides {	background-color:#12C9C4; padding:15px;
}
.neighborhood-guides h2 { font-family: sans-serif; color:#393c3d; font-size: 44px; padding: 10px; font-style: italic;
}
.neighborhood-guides cite {	font-weight: bolder;	color: #FFA500;	background-color: #fefefe;	border: 3px solid #000080;	padding: 1px 15px;
}
/* ---------------1. neighborhood-guides ---------------*/
/*input:valid {	border: 2px solid #FFA500;
}
/* ---------------1. about ---------------*/
.row .about {	font-size: 16px;	text-align: justify;	padding-top:5px;
}
#about a:hover {	text-decoration: none;
}
#about {	background-color: #FFD700;
}
/* ---------------1. about ---------------*/
/* ---------------img suspensa style ---------------*/
.smaller-image { border:10px solid #FFA500; border-radius: 50%; cursor:none;
}
.suspenso { padding-left:20px;
}
/* ---------------img suspensa style ---------------*/
iframe {	margin-left: 0px;	margin-right:0px;	margin-top: 0px;	margin-bottom:0px;	overflow:hidden;	border: 0;
}
/* ---------------1. Mapa ---------------*/
/* ---------------1. contact-page ---------------*/
#contact-page {	height: 500px; margin-top:50px;	background-color: #fefefe;
}
#contact-page .btn-primary {	margin-top: 10px;
}
.btn:hover { /*efeito hover goblal nos btn*/	background-color: #FFA500; /*#2b2b2b*/	border:1px solid #FFA500;	text-decoration: none;
}
/* ---------------1. contact-pag ---------------*/
/*---------------seção contato social---------------*/
#thing {	background-color: #252525;	color: #999;	height:200px;	font-size: 15px;	font-family: Verdana, sans-serif;
}
#thing h1,h2{	padding-top: 50px;	padding-left: 30px;
}
aside { font-size:20px; padding-top:10px;
}
#thing h1,h2, aside { color:fff;
}
/*---------------/\seção contato social---------------*/
/*---------------btn social style ---------------*/
.social h2 {	text-align: left;	padding-left: 10px;
}
.social li {	display: inline;	list-style: none;	margin: 0 2px;	padding: 3px;
}
.btn-social {	border: 0px #fff solid !important;	border-radius: 50%;	color: #000;	text-shadow: 0 1px rgba(0,0,0,.5);	font-size: 1.5em;	}	.btn-facebook {	background-color:#fff;	}	.btn-facebook:hover, .icon-facebook:hover {	color: #fff !important;	background:#FFA500 !important;	}	.btn-twitter{	background-color:#fff;	}	.btn-twitter:hover,.icon-twitter:hover {	color: #fff !important;	background:#FFA500 !important;	}	.btn-linkedin {	background-color:#fff;	}	.btn-linkedin:hover, .icon-linkedin:hover {	color: #fff !important;	background:#FFA500 !important;	}	.btn-github{	background-color:#fff;	}	.btn-github:hover,	.icon-github:hover {	color: #fff !important;	background:#FFA500 !important;
}	/*---------------btn social style ---------------*/
/*---------------footer---------------*/
#footer {	background: #333;	padding-top: 7px;	padding-bottom: 7px;	color: #666;
}
#footer { display: block;
}
.cp {	margin-top: 11px;
}
.text-center {	text-align:center;
}
#top {	height: 30px;	line-height: 30px;	width: 30px;	text-align: center;	display: inline-block;	background: #1d1d1d;	font-size: 24px;	color: #fff;	margin: 0 auto;
}
#top:hover {	background: #FFA500; /*#2b2b2b*/	text-decoration: none;	}
.icon-angle-up {	color: #fff;	text-decoration: none;
}
/*---------------footer---------------*/
@media (max-width: 8000px)
{
}
@media (max-width: 550px)
{
}
@media (max-width: 450px)
{
}
@media (max-width: 350px)
{
}
@media (max-width: 250px)
{
}

Luciano_Britis - Script Codes JS Codes

$(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({ scrollTop:$(this.hash).offset().top}, 1000) }); }); function initMap() { var mapa = {lat: -23.485710, lng:-46.611709}; // Create a map object and specify the DOM element for display. var map = new google.maps.Map(document.getElementById('map'), { center: mapa, scrollwheel: false, // Apply the map style array to the map. styles: styleArray, disableDefaultUI:true, zoom: 15 }); // Create a marker and set its position. var marker = new google.maps.Marker({ map: map, position: mapa, title: 'There is a web developer here!' });
} // Specify features and elements to define styles. var styleArray = [ { featureType: "road.highway", stylers: [ {hue: "#FFA500" }, { saturation: -80 } ] },{ featureType: "road.arterial", elementType: "geometry", stylers: [ { hue: "#FFA500" }, { saturation: 50 } ] },{ featureType: "poi.business", elementType: "labels", stylers: [ { visibility: "off" } ] } ]; getElementById(document,"title")
Luciano_Britis - Script Codes
Luciano_Britis - Script Codes
Home Page Home
Developer Luciano Boaventura Britis
Username Luciano_Britis
Uploaded January 11, 2023
Rating 3
Size 10,654 Kb
Views 6,072
Do you need developer help for Luciano_Britis?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Luciano Boaventura Britis (Luciano_Britis) Script Codes
Name
Dating Web Site Assessment
Project -Show the Local Weather
Color Guessing Game
A Pen by Luciano Boaventura Britis
Project - Build a Wikipedia Viewer
Example the DOM object
Build a Tribute Page
Quotes
Create amazing web content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!