Scribd
Upload
34 views3 pages

Index HTML

This document contains the HTML and CSS code for a basic banking system website. The code includes styling for page elements like fonts, backgrounds, headings and paragraphs. It also includes navigation code and sections for the welcome header, with text introducing the developer and describing the banking system project. Links to external JavaScript libraries are included for functionality.

Uploaded by

Goutam Kalita
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
34 views3 pages

Index HTML

This document contains the HTML and CSS code for a basic banking system website. The code includes styling for page elements like fonts, backgrounds, headings and paragraphs. It also includes navigation code and sections for the welcome header, with text introducing the developer and describing the banking system project. Links to external JavaScript libraries are included for functionality.

Uploaded by

Goutam Kalita
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

<!

doctype html>
<html class="no-js" lang="en">

<style>
body {
background-image: url('images/mon.jpg');
height:100%;

background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
p{
font-size:30px;
}
</style>
<head>
<!-- meta data -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head
content must come *after* these tags -->

<!--font-family-->
<link href="https://fonts.googleapis.com/css?
family=Poppins:100,200,300,400,500,600,700,800,900&amp;subset=devanagari,latin-ext"
rel="stylesheet">

<!-- title of site -->


<title>Rakshitha</title>

<!-- For favicon png -->

<!--font-awesome.min.css-->
<link rel="stylesheet" href="assets/css/font-awesome.min.css">

<!--animate.css-->

<!--bootstrap.min.css-->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media
queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

<!--[if lt IE 9]>
<script
src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script
src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

</head>

<body style="background-image:url('images/mon.jpg');">
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong>
browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to
improve your experience and security.</p>
<![endif]-->

<!-- top-area Start -->


<header class="top-area">
<div class="header-area">
<!-- Start Navigation -->
<nav class="navbar navbar-default bootsnav navbar-fixed dark
no-background">

<div class="container">

<!-- Start Header Navigation -->


<div class="navbar-header">
<button type="button" class="navbar-toggle" data-
toggle="collapse" data-target="#navbar-menu">
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand" href="home.php">Main
page</a>
</div><!--/.navbar-header-->
<!-- End Header Navigation -->

<!-- Collect the nav links, forms, and other content


for toggling -->
<div class="collapse navbar-collapse menu-ui-design"
id="navbar-menu">
<ul class="nav navbar-nav navbar-right" data-
in="fadeInDown" data-out="fadeOutUp">
<li class=" smooth-menu active"></li>

</ul><!--/.nav -->
</div><!-- /.navbar-collapse -->
</div><!--/.container-->
</nav><!--/nav-->
<!-- End Navigation -->
</div><!--/.header-area-->

<div class="clearfix"></div>

</header><!-- /.top-area-->
<!-- top-area End -->

<!--welcome-hero start -->


<section id="welcome-hero" class="welcome-hero">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="header-text"></br></br>
<h2 style="font-size:50px;">Hi
<span>,</span> I am <br> Rakshitha Murthy<br> <span>.</span> </h2>
<p>Web developer intern at the Sparks
Foundation, batch May 2021.</p>
<p>This is task 1: Basic Banking System
Done in HTML,CSS and Javascript.</p>

</div><!--/.header-text-->
</div><!--/.col-->
</div><!-- /.row-->
</div><!-- /.container-->

</section><!--/.welcome-hero-->
<!--welcome-hero end -->

<script src="assets/js/jquery.js"></script>

<!--modernizr.min.js-->
<script
src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></
script>

<!--bootstrap.min.js-->
<script src="assets/js/bootstrap.min.js"></script>

<!-- bootsnav js -->


<script src="assets/js/bootsnav.js"></script>

<!-- jquery.sticky.js -->


<script src="assets/js/jquery.sticky.js"></script>

<!-- for progress bar start-->

<script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.j
s"></script>

<!--Custom JS-->
<script src="assets/js/custom.js"></script>

</body>

</html>

You might also like