You are on page 1of 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