Line 3: | Line 3: | ||
+ | <head> | ||
+ | <!-- Required meta tags --> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
+ | <!-- Bootstrap CSS --> | ||
+ | <!--link rel="stylesheet" href="css/bootstrap.min.css" --> | ||
+ | <title>Collaboration</title> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm"> | ||
+ | </div> | ||
+ | <div class="col-sm"> | ||
+ | | ||
+ | </div> | ||
+ | <div class="col-sm"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm"> | ||
+ | </div> | ||
+ | <div class="col-sm"> | ||
+ | <div class="card" style="width: 18rem;"> | ||
+ | <img class="card-img-top" src=".../100px180/" alt="Card image cap"> | ||
+ | <div class="card-body"> | ||
+ | <h5 class="card-title">Card title</h5> | ||
+ | <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> | ||
+ | <a href="#" class="btn btn-primary">Go somewhere</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm"> | ||
+ | <div class="card" style="width: 18rem;"> | ||
+ | <img class="card-img-top" src=".../100px180/" alt="Card image cap"> | ||
+ | <div class="card-body"> | ||
+ | <h5 class="card-title">Card title</h5> | ||
+ | <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> | ||
+ | <a href="#" class="btn btn-primary">Go somewhere</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm"> | ||
+ | | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm"> | ||
+ | | ||
+ | </div> | ||
+ | <div class="col-sm"> | ||
+ | <!--div class="card"> | ||
+ | <div class="card-body"> | ||
+ | This is some text within a card body. | ||
+ | </div> | ||
+ | </div--> | ||
+ | </div> | ||
+ | <div class="col-sm"> | ||
+ | | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm"> | ||
+ | This is a sample text | ||
+ | <p> | ||
+ | <a class="btn btn-primary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample"> | ||
+ | Link with href | ||
+ | </a> | ||
+ | <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample"> | ||
+ | Button with data-target | ||
+ | </button> | ||
+ | </p> | ||
+ | <div class="collapse" id="collapseExample"> | ||
+ | <div class="card card-body"> | ||
+ | Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | </div> | ||
+ | </div> | ||
− | + | <!-- Optional JavaScript --> | |
− | < | + | <!-- jQuery first, then Popper.js, then Bootstrap JS --> |
− | + | <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> | |
− | + | <!--script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script--> | |
− | < | + | <!--script src="js/bootstrap.bundle.min.js" crossorigin="anonymous"></script--> |
− | + | <script src="node_modules/bootstrap/dist/js/bootstrap.js" crossorigin="anonymous"></script> | |
− | + | <!--script src="js/jquery-3.3.1.min.js" crossorigin="anonymous"></script--> | |
− | + | <!--script src="node_modules/bootstrap/js/dist/collapse.js" charset="utf-8"></script--> | |
− | + | </body> | |
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | </ | + | |
</html> | </html> |
Revision as of 11:58, 12 October 2018
Card title
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhereCard title
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhere
This is a sample text
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.