A Pen by Bhavya Jain
How do I make an a pen by bhavya jain?
What is a a pen by bhavya jain? How do you make a a pen by bhavya jain? This script and codes were developed by Bhavya Jain on 25 August 2022, Thursday.
A Pen by Bhavya Jain - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Bhavya Jain</title> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" />
<section id="home" class="container-fluid"> <ul class="nav nav-tabs"> <li class="nav-item"> <a href="#">BHAVYA</a> </li> <li class="nav-item pull-right"> <a href="#">Contact</a> </li> <li class="nav-item pull-right"> <a href="#projects">Projects</a> <li class="nav-item pull-right"> <a href="#about">About</a> </li> <li class="nav-item pull-right"> <a href="#home">Home</a> </li> </ul> <h1 class="main-heading">pop</h1>
</section>
<section id="about" class="pageone"> <div class="container "> <h1 class="text-center">About</h1> <hr/> <div class="row text-center"> <div class="col-sm-6 col-sm-offset-3"> <p class="h4">Hi my name is Bhavya Jain,I am a developer from Bombay.I love making beautiful websites in HTML,CSS and JavaScript,and also i love Hip-Hop music. To know more about me follow me here.</p><br> <a class="h1 text-primary" href="https://www.instagram.com/bhavya_j/"><i class="fa fa-instagram"></i></a> <a class="h1 text-primary" href="https://twitter.com/?lang=en"><i class="fa fa-twitter"></i></a> <a class="h1 text-primary" href="https://github.com/"><i class="fa fa-github"></i></a></div>
</section>
<br>
<section id="projects" class="pagetwo"> <div class="container"> <h1>Projects<h1> <hr /> <div class="row"> <div class="col-sm-4"> <h3>My first project</h3> <div> <a href="http://codepen.io/Bhavya_j/full/oZqVKR/"> <img src="http://i.lv3.hbo.com/assets/images/series/entourage/character/vincent-chase-1920.jpg"</a></div> <h3>A Tribute to Vincent Chase</h3> <h5>Built as a project for free-code-camp in HTML and CSS only.Click to view.</h5> </div> <div class="col-sm-4"> <h3>Placeholder</h3> </div> <div class="col-sm-4 "> <h3>Placeholder</h3> </div> </section> <section id=contact class="pagethree"> <div class="container"> <h1>Contact</h1> <script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/js/bootstrap.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>
</body>
</html>
A Pen by Bhavya Jain - Script Codes CSS Codes
body { background-color:white;
}
.container-fluid { height: 650px; background: url("http://unsplash.com/photos/MsJPXmHQIs8/download?force=true"); background-size: cover; font-family: anton; font-size: 25px;
}
.nav-tabs { background-color:lightgray; margin: 0px -15px; color: white; position:; border-color:none; opacity:0.7;
}
.container {
}
.main-heading { font-size: 80px; text-align: center; color: white; margin: 80px 0px 0px 0px;
}
.pageone { height:relative;
} ul li a{color:black;}
.imgb{ width:200px; height:100px;
}
p.h4{line-height:1.6;}
hr{ width:10%; margin-bottom:;
}
.pageone i{ width:60px; text-align:center;
}
.pagetwo{ text-align:center;
}
.pagethree{ text-align:center; height:700px; background:url("http://unsplash.com/photos/XUdIi04ohps/download?force=true"); background-size:cover; color:white;
}
nav-item{ list-stlye-type:none; text-decoration:none;
}
Developer | Bhavya Jain |
Username | Bhavya_j |
Uploaded | August 25, 2022 |
Rating | 3 |
Size | 2,662 Kb |
Views | 38,456 |
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!
Name | Size |
Portfoilio | 3,248 Kb |
Portfolio page | 2,804 Kb |
Tribute to Vincent Chase | 4,625 Kb |
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!
Name | Username | Size |
CSS3 Butterfly | Timohausmann | 3,430 Kb |
Bootstrap Carousel Fade Transition | Rowno | 2,484 Kb |
Console fun | Dviate | 1,500 Kb |
Main page display | BarryKe | 4,562 Kb |
Css3 slide | Nakome | 3,190 Kb |
Chuck Norris Background | Manz | 1,967 Kb |
Video mute | Leon9208 | 2,131 Kb |
Alumni ECA | MatheusLima92 | 3,777 Kb |
Blank Starter | Mhartington | 2,171 Kb |
Magnus 3 | ARocketfish | 7,944 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!