Adding font-awesome icons and fix the responsive
parent
ddb77ffb0f
commit
4a4a929f5f
|
@ -31,28 +31,28 @@
|
|||
<h3>Info Corona</h3>
|
||||
</div>
|
||||
|
||||
<ul class="list-unstyled components">
|
||||
<p align="center">Prediksi</p>
|
||||
<ul class="list-unstyled components" style="font-size: 1rem;">
|
||||
<p align="center">Live Corona Data</p>
|
||||
<li>
|
||||
<a href="/">Beranda</a>
|
||||
<a href="/"><i class="fas fa-chart-bar icon mr-3 ml-3 fa-fw"></i>Beranda</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/berita">Berita</a>
|
||||
<a href="/berita"><i class="fas fa-newspaper icon mr-3 ml-3 fa-fw"></i>Berita</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/rumahsakit">Info Rumah Sakit</a>
|
||||
<a href="/rumahsakit"><i class="fas fa-hospital icon mr-3 ml-3 fa-fw"></i>Info Rumah Sakit</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/prediksi">Prediksi</a>
|
||||
<a href="/prediksi"><i class="fas fa-diagnoses icon mr-3 ml-3 fa-fw"></i>Prediksi</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/kontak">Kontak</a>
|
||||
<a href="/kontak"><i class="fas fa-phone fa-flip-horizontal icon mr-3 ml-3 fa-fw"></i>Kontak</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul class="list-unstyled CTAs">
|
||||
<li>
|
||||
<a href="/dev" class="download">Developer web</a>
|
||||
<a href="/dev" class="download"><i class="fas fa-code icon mr-3 fa-fw"></i>Developer web</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
@ -76,29 +76,29 @@
|
|||
<div class="col-sm-12" style="min-height: 150px;">
|
||||
<br>
|
||||
<div class="row justify-content-center">
|
||||
<div id="question-container" class="col-sm-10 hide">
|
||||
<p id="question" class="text-primary">Question</p>
|
||||
<div id="question-container" class="col-sm-10 mx-3 my-auto hide">
|
||||
<p id="question" class="text-primary" style="white-space:normal; word-wrap:break-word; word-break:normal;">Question</p>
|
||||
<div id="answer-buttons" class="btn-grid">
|
||||
<button type="button" class="btn btn-outline-primary">Answer 1</button>
|
||||
<button type="button" class="btn btn-outline-primary">Answer 1</button>
|
||||
<button type="button" class="btn btn-outline-primary">Answer 1</button>
|
||||
<button type="button" class="btn btn-outline-primary" style="white-space:normal; word-wrap:break-word; word-break:normal;">Answer 1</button>
|
||||
<button type="button" class="btn btn-outline-primary" style="white-space:normal; word-wrap:break-word; word-break:normal;">Answer 1</button>
|
||||
<button type="button" class="btn btn-outline-primary" style="white-space:normal; word-wrap:break-word; word-break:normal;">Answer 1</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div id="result-container" class="row justify-content-sm-center hide">
|
||||
<div id="kondisi" type="button" class="btn col-sm-10 btn-outline-info">Kondisi 1:</div>
|
||||
<div id="result-container" class="row justify-content-sm-center m-3 hide">
|
||||
<div id="kondisi" type="button" class="btn col-sm-10 btn-outline-info" style="white-space:normal; word-wrap:break-word; word-break:normal;">Kondisi 1:</div>
|
||||
<div class="w-100"></div>
|
||||
<br>
|
||||
<div id="prosedur-sign" class="btn-group col-sm-10" data-toggle="popover" data-trigger="focus" data-placement="top">
|
||||
<div id="prosedur" type="button" class="col-sm-11 btn btn-outline-info">Prosedur 1:</div>
|
||||
<div id="prosedur" type="button" class="col-sm-11 btn btn-outline-info" style="white-space:normal; word-wrap:break-word; word-break:normal;">Prosedur 1:</div>
|
||||
<div type="button" class="col-sm-1 btn btn-info">?</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="row justify-content-center justify-content-end">
|
||||
<button id="start-btn" type="button" class="justify-content-center btn btn-primary">Start Test</button>
|
||||
<button id="start-btn" type="button" class="justify-content-center btn btn-primary" style="white-space:normal; word-wrap:break-word; word-break:normal;">Mulai Tes</button>
|
||||
</div>
|
||||
<br>
|
||||
</div>
|
||||
|
@ -124,4 +124,4 @@
|
|||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
|
|
Loading…
Reference in New Issue