Expert Answer
I have done a webpage with given requirements using HTML and CSS. Here is the HTML code: index.html Welcome</titl
<div class="text-center" style=" padding-top:50px; padding-bottom: 50px; min-height: 300px;
background-image: url(https://www.solutionspile.com/assets/images/system/img-qa-blur.jpg);
background-repeat: no-repeat; background-size: 100% auto;">
<div class="row justify-content-center">
<div class="col-md-5 my-auto bg-white border border-success py-3 ">
<span class="font-weight-bold m-2">We have an Answer from Expert</span><br/>
<a href="https://www.solutionspile.com/ExpertAnswers/Payment/834481" class="btn btn-success"><h4 class="font-weight-bold m-0">Buy This Answer $5</h4></a>
<a href="https://www.solutionspile.com/Order" class="btn m-4 btn-success"><h4 class="font-weight-bold m-0">Place Order</h4></a>
</div>
</div>
</div>
</div>
</div>
<script data-schema="CreativeWork" type="application/ld+json">
{
"@context":"https://schema.org",
"@type":"CreativeWork",
"headline":"(Solved): code using HTML and CSS Q4: Write an html file that - Contains clearly your names and student IDs. -",
"learningResourceType":"Expert Answer"
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "QAPage",
"mainEntity": {
"@type": "Question",
"name": "code using HTML and CSS Q4: Write an html file that - Contains clearly your names and student IDs. - Contains floating text. - Two ( ) that float to the right and are right aligned. - Paragraphs have a border around them. - One text that floats to the left. You may use any text you like. You may use any colors you like. Quantum bit commitment is solutionspile.com ",
"text": "code using HTML and CSS Q4: Write an html file that - Contains clearly your names and student IDs. - Contains floating text. - Two ( ) that float to the right and are right aligned. - Paragraphs have a border around them. - One text that floats to the left. You may use any text you like. You may use any colors you like. Quantum bit commitment is deemed impossible due to the use of entanglement by a dishonest participant. We show in this paper how the use of entanglement can be detected by the other party, therefore making secure quantum bit commitment possible. To this end, we rely on the fundamental property of an EPR pair to create correlations when measured, therefore introducing order into what should otherwise be a randomly generated binary string. This result opens the door for a whole set of cryptographic applications using bit commitment as a building block: remote coin tossing, zero-knowledge proofs and secure two-party computation. Quantum computation; Cryptography; Quantum security; Qubits solutionspile.com ",
"answerCount": 3,
"upvoteCount": 3,
"acceptedAnswer": {
"@type": "Answer",
"text": "Expert Answer to - code using HTML and CSS Q4: Write an html file that - Contains clearly your names and student IDs. -",
"upvoteCount": 5,
"url": "https://www.solutionspile.com/ExpertAnswers/code-using-html-and-css-q4-write-an-html-file-that-contains-clearly-your-names-and-student-ids-pa455"
},
"suggestedAnswer": [
{
"@type": "Answer",
"text": "Solution for - code using HTML and CSS Q4: Write an html file that - Contains clearly your names and student IDs. -",
"upvoteCount": 2,
"url": "https://www.solutionspile.com/ExpertAnswers/code-using-html-and-css-q4-write-an-html-file-that-contains-clearly-your-names-and-student-ids-pa455#suggestedAnswer1"
}, {
"@type": "Answer",
"text": "This an additional answer to - code using HTML and CSS Q4: Write an html file that - Contains clearly your names and student IDs. -",
"upvoteCount": 0,
"url": "https://www.solutionspile.com/ExpertAnswers/code-using-html-and-css-q4-write-an-html-file-that-contains-clearly-your-names-and-student-ids-pa455#suggestedAnswer2"
}
]
}
}
</script>
</div>
</section>
<section class="bg-success text-white">
<div class="container p-3">
<h2 class=" text-center font-weight-bold" >We Provide Services Across The Globe</h2>
<div class="row justify-content-center">
<div class="col-md-4 m-2 text-center">
<a href="https://www.solutionspile.com/Order" class="btn btn-lg btn-success my-0" style="border: solid white 2px;">Order Now</a>
</div>
<div class="col-md-4 m-2 text-center">
<a href="https://www.solutionspile.com/ExpertAnswers" class="btn btn-lg btn-success my-0" style="border: solid white 2px;">Go To Answered Questions</a>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="page-footer font-small " >
<!-- Footer Links -->
<div class="container p-3">
<div class="row">
<div class="col-md-6">
<a href="https://www.solutionspile.com/"> <img class="img-fluid" style="max-height: 60px;" src="https://www.solutionspile.com/assets/images/system/logo.png?v1.1.1" alt="Solutions Pile" /></a>
</div>
<div class="col-md-6 text-right pt-4">
<!-- Social buttons -->
<ul class="list-unstyled list-inline">
<li class="list-inline-item m-0">
<a href="https://www.facebook.com/" target="_blank" class="btn-sm m-0 btn-fb">
<i class="fa fa-facebook fa-2x text-muted"> </i>
</a>
</li>
<li class="list-inline-item m-0">
<a href="https://twitter.com/" target="_blank" class="btn-sm m-1 btn-tw">
<i class="fa fa-twitter fa-2x text-muted"> </i>
</a>
</li>
<li class="list-inline-item m-0">
<a href="https://www.linkedin.com/" target="_blank" class="btn-sm m-0 btn-li">
<i class="fa fa-linkedin fa-2x text-muted"> </i>
</a>
</li>
<li class="list-inline-item m-0">
<a href="https://www.youtube.com/" target="_blank" class=" btn-sm m-1 btn-yt" >
<i class="fa fa-youtube-play fa-2x text-muted"></i>
</a>
</li>
<li class="list-inline-item m-0">
<a href="https://www.pinterest.com/" target="_blank" class=" btn-sm m-0 btn-pin">
<i class="fa fa-pinterest fa-2x text-muted"></i>
</a>
</li>
</ul>
<!-- Social buttons -->
</div>
</div>
<hr />
<!-- Grid row-->
<div class="row py-3 text-muted">
<!-- Grid column -->
<div class="col-md-3 my-3">
<h4 class=" font-weight-bold mb-3 ">Services</h4>
<a class="text-muted">Online Homework Help </a><br />
<a class="text-muted">Live Sessions </a><br />
<a class="text-muted">Online Lab Report Help </a><br />
<a class="text-muted">Online Project Report Help </a><br />
<a class="text-muted">Online Assignment Help </a><br />
<a class="text-muted">Essay Writing Help </a><br />
<a class="text-muted">CPM Homework Help </a><br />
<a class="text-muted">Mortgage Calculator </a><br />
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-3 my-3">
<h4 class=" font-weight-bold mb-3 ">Subjects</h4>
Mechanical<br />
Electrical Engineering<br />
Civil Engineering<br />
Chemical Engineering<br />
Electronics and Communication Engineering<br />
Mathematics <br />
Physics<br />
Chemistry<br />
Software Works/ Computer Science<br />
Other Subjects<br />
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-3 my-3">
<h4 class=" font-weight-bold mb-3 ">Other Features</h4>
Expert Tutors<br />
100% Correct Solutions<br />
24/7 Availability<br />
One stop destination for all subject<br />
Cost Effective<br />
Solved on Time<br />
Plagiarism Free Solutions<br />
Confidentiality<br />
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-3 my-3">
<h4 class=" font-weight-bold mb-3" >About</h4>
<a class="text-muted" href="https://www.solutionspile.com/PrivacyPolicy" >Privacy Policy</a><br />
<a class="text-muted" href="https://www.solutionspile.com/TermsOfUse" >Terms of Use</a><br />
<a class="text-muted" href="https://www.solutionspile.com/RefundPolicy" >Revision & Refund Policy</a><br />
<a class="text-muted" href="https://www.solutionspile.com/AboutUs" >About Us</a><br />
<a class="text-muted" href="https://www.solutionspile.com/#HowItWorks" >How It Works</a><br />
<a class="text-muted" href="https://www.solutionspile.com/ContactUs" >Contact Us</a><br />
</div>
<!-- Grid column -->
</div>
<!-- Grid row-->
</div>
<!-- Footer Links -->
<!-- Copyright -->
<div class="footer-copyright border-top border-success py-3 ">
<div class="container">
<div class="row">
<div class="col-md-6">
© 2017-2025 Copyright:
<a class=" font-weight-bold text-success" href="https://www.solutionspile.com/"> Solutions Pile</a>. All rights reserved
</div>
<div class="col-md-6 text-right">
<i class="fa fa-envelope"></i> support@solutionspile.com </div>
</div>
<hr />
<p class="text-muted">
<b class="font-weight-bold font-small">DISCLAMER : </b>
<small>Use of solution provided by us for unfair practice like cheating will result in action from our end which may include
permanent termination of the defaulter’s account</small>
</p>
</div>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API = Tawk_API || {}, Tawk_LoadStart = new Date();
(function () {
var s1 = document.createElement("script"), s0 = document.getElementsByTagName("script")[0];
s1.async = true;
s1.src = 'https://embed.tawk.to/6287b9727b967b1179906c31/1g3h2orbt';
s1.charset = 'UTF-8';
s1.setAttribute('crossorigin', '*');
s0.parentNode.insertBefore(s1, s0);
})();
</script>
<!--End of Tawk.to Script-->
<!-- ============================================================== -->
<!-- All Jquery -->
<!-- ============================================================== -->
<script src="https://www.solutionspile.com/assets/node_modules/jquery/jquery-3.2.1.min.js"></script>
<!-- Bootstrap popper Core JavaScript -->
<script src="https://www.solutionspile.com/assets/node_modules/popper/popper.min.js"></script>
<script src="https://www.solutionspile.com/assets/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- slimscrollbar scrollbar JavaScript -->
<script src="https://www.solutionspile.com/assets/dist/js/perfect-scrollbar.jquery.min.js"></script>
<!--Wave Effects -->
<script src="https://www.solutionspile.com/assets/dist/js/waves.js"></script>
<!--Menu sidebar -->
<script src="https://www.solutionspile.com/assets/dist/js/sidebarmenu.js"></script>
<!--Custom JavaScript -->
<script src="https://www.solutionspile.com/assets/dist/js/custom.min.js"></script>
<!-- Sweet-Alert -->
<script src="https://www.solutionspile.com/assets/node_modules/sweetalert/sweetalert.min.js"></script>
<script src="https://www.solutionspile.com/assets/js/common.js?v1.1.1" ></script>
<script src="https://www.solutionspile.com/assets/js/adminquestions.js?v1.1.1"></script>
</body>
</html>
