A Pen by sal castaneda

Developer
Sal Castaneda
Size
2,589 Kb
Views
10,120
  1. A Pen by sal castaneda Previews
  2. A Pen by sal castaneda HTML Codes
  3. A Pen by sal castaneda CSS Codes
  4. A Pen by sal castaneda JS Codes

How do I make an a pen by sal castaneda?

What is a a pen by sal castaneda? How do you make a a pen by sal castaneda? This script and codes were developed by Sal Castaneda on 07 November 2022, Monday.

A Pen by sal castaneda Previews
IQ Test

A Pen by sal castaneda - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by sal castaneda</title> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7-alpha.6/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lobster" />
<body> <div class="container-fluid"> <!DOCTYPE html>
<html lang="en">
<head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#">Sal Castaneda's Portfolio</a> </div> <ul class="nav navbar-nav"> <li><a href="#about">Page 1</a></li> <li><a href="#portfolio">Page 2</a></li> <li><a href="#contact">Page 3</a></li> </ul> </div>
</nav>
<div class="container"> <h3>Basic Navbar Example</h3> <p>A navigation bar is a navigation header that is placed at the top of the page.</p>
</div> <a name = "top"></a> <div class='spacer'></div> <a name = "about"></a> <div class='block'> <h1 class='text-center'>Sal Castaneda<hr> <img src='about' alt='Sal C' style='width:300px; height:300px;'> <br><h1> <p align = 'left'>sdsdsdsdsdsds</p> </div> <div class='block'> <h1 class='text-center'>Portfolio<hr> <br><h1> <p align = 'left'>Put Cards Here</p> </div> </div> <div class='block'> <h1 class='text-center'>Contact<hr> <img src='portfolio' alt='Sal C' style='width:300px; height:300px;'> <br> <p align = 'left'>Put Buttons Here</p> </div> </div> </div> </body>
</html>
</body> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

A Pen by sal castaneda - Script Codes CSS Codes

body { font-family: lobster; background: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover;
}
.spacer { padding: 5%;
}
.block { background: rgba(0, 0, 0, .8); color: white; padding: 50px; width: 75%; margin-right: auto; margin-left: auto; border-radius: 15px; font-size: 1.5em; padding-bottom: 2%;
}

A Pen by sal castaneda - Script Codes JS Codes

$(function(){ var backgroundImg = [ 'https://s-media-cache-ak0.pinimg.com/originals/6a/73/13/6a731348ca82e857478d017f6ee84be2.jpg', 'http://www.russiasupplychain.com/wp-content/uploads/2015/11/siberian-woods.jpg' ]; $('body').css('background-image', 'url(' + backgroundImg[0] + ')');
})
A Pen by sal castaneda - Script Codes
A Pen by sal castaneda - Script Codes
Home Page Home
Developer Sal Castaneda
Username proto78
Uploaded November 07, 2022
Rating 3
Size 2,589 Kb
Views 10,120
Do you need developer help for A Pen by sal castaneda?

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!

Sal Castaneda (proto78) Script Codes
Name
12 DAYS OF XMAS
Create amazing art & images 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!