<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<link rel="stylesheet" href="https://semantic-ui.com/dist/semantic.min.css">
<style>
.modal .modal-body {
max-height: calc(70vh);
overflow: auto;
}
</style>
<div id="myModal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-body" data-spy="scroll" data-target=".menu" data-offset="50" >
<div class="ui grid">
<div class="four wide column">
<div class="ui secondary vertical pointing menu" style="position: fixed;">
<a href="#seccion2" class="item">
Home
</a>
<a class="item">
Messages
</a>
<a class="item active">
Friends
</a>
</div>
</div>
<div class="twelve wide stretched column">
<div class="ui segment">
<p id="seccion1">
MEGA
Offers 50 GB of free storage space. Uploaded files are encrypted and only the user holds the decryption keys.
