Skip to content
Snippets Groups Projects
Select Git revision
  • 11b090ebe67b504ac805ee65b0a76bb53e7423b8
  • master default
  • autorisation_visit
  • signup_mydata
  • format_editData
  • dev
  • authorize-valid-profile
  • feli90-patch-2
  • feli90-patch-1
  • context_sheet
  • testNewForm
  • FeliLocalTest1
  • ios-account-fix
  • change-form-link
  • dev_pages_projet
  • remise_sorties
  • release/first-users
17 results

two-panes.component.ts

Blame
  • mesc.html 5.75 KiB
    <!doctype html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="">
        <meta name="author" content="">
        <link rel="icon" href="">
    
        <title>Musique CentraleSupélec</title>
    
        <!-- Bootstrap core CSS -->
        <link href="../dist/css/bootstrap.min.css" rel="stylesheet">
    	<link rel="stylesheet" media="all" type="text/css" href="../tinyplayer/tinyplayer-min.css">
    	
        <!-- Custom styles for this template 
        <link href="album.css" rel="stylesheet"> -->
      </head>
    
      <body>
    
        <header>
          <div class="navbar navbar-dark bg-dark shadow-sm">
            <div class="container d-flex justify-content-between">
              <a href="../index.html" class="navbar-brand d-flex align-items-center">
              <!-- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"></path><circle cx="12" cy="13" r="4"></circle></svg> -->
                <strong>Musique CentraleSupélec</strong>
              </a>
    
            </div>
          </div>
        </header>
    
        <main role="main">
            <div class="container">
    			<div class="mt-4">
              		<div class="row">
                		<div class="col-md-3">
                  <div class="card mb-4 shadow-sm">
                    <img class="card-img-top" src="peregrinations_solitaires/cover.jpg" alt="Pochette Descriptive du groupe">
                    <div class="card-body">
                      <p class="card-text">Peregrinations solitaires</p>
    				  
                      <div class="d-flex justify-content-between align-items-center">
                        <div class="btn-group">
    						<a class="btn btn-primary" href="peregrinations_solitaires/player.html" role="button">Link</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div> <!-- Peregrinations solitaires-->
    					
    		            <div class="col-md-3">
    		              <div class="card mb-4 shadow-sm">
    		                <img class="card-img-top" src="espace/cover.jpg" alt="Pochette Descriptive du groupe">
    		                <div class="card-body">
    		                  <p class="card-text">Espace</p>
    				  
    		                  <div class="d-flex justify-content-between align-items-center">
    		                    <div class="btn-group">
    								<a class="btn btn-primary" href="espace/player.html" role="button">Link</a>
    		                    </div>
    		                  </div>
    		                </div>
    		              </div>
    		            </div> <!-- Espace-->
    					
    		            <div class="col-md-3">
    		              <div class="card mb-4 shadow-sm">
    		                <img class="card-img-top" src="voyage_dans_la_lune/cover.jpg" alt="Pochette Descriptive du groupe">
    		                <div class="card-body">
    		                  <p class="card-text">Voyage dans la lune</p>
    				  
    		                  <div class="d-flex justify-content-between align-items-center">
    		                    <div class="btn-group">
    								<a class="btn btn-primary" href="voyage_dans_la_lune/player.html" role="button">Link</a>
    		                    </div>
    		                  </div>
    		                </div>
    		              </div>
    		            </div> <!-- Voyage dans la lune-->
    					
    		            <div class="col-md-3">
    		              <div class="card mb-4 shadow-sm">
    		                <img class="card-img-top" src="machines/cover.jpg" alt="Pochette Descriptive du groupe">
    		                <div class="card-body">
    		                  <p class="card-text">Machines</p>
    				  
    		                  <div class="d-flex justify-content-between align-items-center">
    		                    <div class="btn-group">
    								<a class="btn btn-primary" href="machines/player.html" role="button">Link</a>
    		                    </div>
    		                  </div>
    		                </div>
    		              </div>
    		            </div> <!-- Machines-->
              		</div>
    				<div class='row'>
    		            <div class="col-md-3">
    		              <div class="card mb-4 shadow-sm">
    		                <img class="card-img-top" src="alien/cover.jpg" alt="Pochette Descriptive du groupe">
    		                <div class="card-body">
    		                  <p class="card-text">Alien</p>
    				  
    		                  <div class="d-flex justify-content-between align-items-center">
    		                    <div class="btn-group">
    								<a class="btn btn-primary" href="alien/player.html" role="button">Link</a>
    		                    </div>
    		                  </div>
    		                </div>
    		              </div>
    		            </div> <!-- alien-->
    				</div>	
    		  	</div>
            </div>
    		<div class="wrapper">
    		</div>
    
        </main>
    
        <footer class="text-muted">
          <div class="container">
            <p>Fait a partir d'un template Bootstrap afin de réaliser le site le plus rapide possible'</p>
            <p>Soyons sympa, un peu de crédit ça coute rien : <a href="https://getbootstrap.com/">Bootstrap</a></p>
          </div>
        </footer>
    
        <!-- Bootstrap core JavaScript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster  
        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
        <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
        <script src="../../assets/js/vendor/popper.min.js"></script>
        <script src="../../dist/js/bootstrap.min.js"></script>
        <script src="../../assets/js/vendor/holder.min.js"></script> -->
      </body>
    </html>