You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Internship</title>
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" /> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css" /> </head> <body> <div class="container-fluid"> <div class="row gx-0"> <div class="col-6"> <nav class="navbar navbar-expand-lg text-bg-secondary"> <div class="container-fluid"> <a class="navbar-brand active text-light" style="padding-bottom: 0.8%" >Text editor</a >
<button type="button" class="btn btn-primary" id="runBtn" onclick="run()" > <i class="fa fa-play pb-1" style="font-size: 15px"></i> </button> </div> </nav> <div class="form-group"> <textarea id="firstInput" class="form-control rounded-0" rows="19" placeholder="Enter your text" data-mdb-perfect-scrollbar-init ></textarea> </div> <div class="form-group mb-2 mt-2"> <h4 class="">Input 2</h4> <textarea type="text" class="form-control rounded-0" rows="3" style="height: 100%" id="secondInput" placeholder="Enter your text" ></textarea> </div> <div class="form-group"> <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample" > Options </button> <div class="collapse" id="collapseExample"> <div class="card card-body mt-2 rounded-0"> <div class="row"> <div class="col-sm-2"> <div class="form-group"> <div class="form-check"> <input class="form-check-input" type="checkbox" value="1" id="checkbox1" /> <label class="form-check-label" for="checkbox1"> 1 </label> </div> <div class="form-check"> <input class="form-check-input" type="checkbox" value="2" id="checkbox2" /> <label class="form-check-label" for="checkbox2"> 2 </label> </div> <div class="form-check"> <input class="form-check-input" type="checkbox" value="3" id="checkbox3" /> <label class="form-check-label" for="checkbox3"> 3 </label> </div> </div> </div> <div class="col-sm-4"> <div class="form-group"> <div class="form-check"> <input class="form-check-input" type="checkbox" value="4" id="checkbox4" /> <label class="form-check-label" for="checkbox4"> 4 </label> </div> <div class="form-check"> <input class="form-check-input" type="checkbox" value="5" id="checkbox5" /> <label class="form-check-label" for="checkbox5"> 5 </label> </div> <div class="form-check"> <input class="form-check-input" type="checkbox" value="6" id="checkbox6" /> <label class="form-check-label" for="checkbox6"> 6 </label> </div> </div> </div> </div> </div> </div> </div> </div>
<div class="col-6"> <nav class="navbar navbar-expand-lg text-bg-secondary"> <div class="container-fluid"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation" > <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav nav-underline"> <li class="nav-item"> <a class="nav-link text-light active rightNav" aria-current="page" href="#" id="output" >Output</a > </li> <li class="nav-item"> <a class="nav-link text-light rightNav" href="#" id="simulator" >Simulator</a > </li> <li class="nav-item"> <a class="nav-link text-light rightNav" href="#" id="graph" >Graph</a > </li> </ul> </div> </div> </nav>
<div class="form-group"> <textarea id="scrollableOutput" class="form-control scrollable-textarea vh-100 rounded-0" style="max-height: calc(100vh - 58px)" placeholder="Output" readonly ></textarea> </div> </div> </div> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.min.js" integrity="sha384-cn7l7gDp0eyniUwwAZgrzD06kc/tftFf19TOAs2zVinnD/C7E91j9yyk5//jjpt/" crossorigin="anonymous" ></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js" ></script> <script src="index.js"></script> </body> </html>
|