how can i make like this using bootstrap and css there is two divs in html one f
ID: 3727121 • Letter: H
Question
how can i make like this using bootstrap and css there is two divs in html one for the background image must styled in css file and another div which i want to be inside it, for the white box which includes paragraph "presentation templates " { here is my html code : <div class="C col-xs-12"> <div class="B col-xs-8"> <p class="A"> presentation templates </p> </div> </div> here is my html code : <div class="C col-xs-12"> <div class="B col-xs-8"> <p class="A"> presentation templates </p> </div> </div> }this doesn't work with me uo 12:37 C venngage-wordpress.s3.amazonaws.com PRESENTATION TEMPLATESExplanation / Answer
Following is the modified code with css , You have to change background-image path which is you want to display.
<html>
<head>
<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.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
.C {
background-image: url("images.jpeg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.B {
background: white;
color: purple;
top: 300px;
padding: 30px;
}
h1 {
font-size: 50px;
}
</style>
</head>
<body class="C">
<div class="col-xs-12">
<div class="col-xs-2">
</div>
<div class="B col-xs-8">
<center><h1><b>PRESENTATION</b></h1><h1><b>TEMPLATES</b></h1><center>
</p>
</div>
<div class="col-xs-2">
</div>
</div>
</body>
</html>
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.