Advertisement
Miqueel97

:alien:

Nov 3rd, 2021
669
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 4.80 KB | None | 0 0
  1. <style>
  2.         * {
  3.             box-sizing: border-box;
  4.         }
  5.        
  6.         .clase1 {
  7.             width: 800px;
  8.             text-align: center;
  9.             overflow: hidden;
  10.         }
  11.        
  12.         .tobogan {
  13.             display: flex;
  14.             overflow-x: auto;
  15.         }
  16.        
  17.         .tobogan>div {
  18.             flex-shrink: 0;
  19.             width: 750px;
  20.             height: 200px;
  21.             margin: auto;
  22.             padding: auto;
  23.             transform-origin: center center;
  24.             transform: scale(1);
  25.             transition: transform 0.5s;
  26.             position: relative;
  27.             justify-content: center;
  28.             align-items: center;
  29.             font-size: 1.25em;
  30.             display: inline-block;
  31.         }
  32.        
  33.         .clase1>a {
  34.             display: inline-block;
  35.             text-decoration: none;
  36.             align-items: center;
  37.             width: 1.5em;
  38.             height: 1.5em;
  39.             border-radius: 200px;
  40.             background-color: #D3D3D3;
  41.         }
  42.        
  43.         .clase1>a:active {
  44.             top: 1px;
  45.         }
  46.        
  47.         .clase1>a:focus {
  48.             background: #000;
  49.         }
  50.        
  51.         .links {
  52.             display: inline-block;
  53.             width: 800px;
  54.         }
  55.        
  56.         #tobogan-1,
  57.         #tobogan-2,
  58.         #tobogan-3,
  59.         #tobogan-4,
  60.         #tobogan-5 {
  61.             margin-right: 2em;
  62.             font-weight: bold;
  63.         }
  64.        
  65.         .index {
  66.             margin-top: 2em;
  67.             display: inline-block;
  68.             width: 1.5em;
  69.             height: 1.5em;
  70.             border-radius: 200px;
  71.             background-color: #D3D3D3;
  72.         }
  73.  
  74.         .Nombre{
  75.             font-size: 0.75em;
  76.             margin-top: 0.5em;
  77.             font-weight: normal;
  78.         }
  79.     </style>
  80.     <div class="clase1">
  81.         <div class="tobogan">
  82.             <div id="tobogan-1">
  83.                 “The best academic experience I’ve had in a long time. A space for discovery, for diving into fundamental concepts and for raising our sights to see that which is truly essential. It’s helped me both as a person and as a professional, as he teaches us to ask questions.” <br>
  84.                 <p class="Nombre">Genís Roca, CEO of RocaSalvatella</p>
  85.             </div>
  86.             <div id="tobogan-2">
  87.                 “Every Wednesday, for two and a half hours, the team led by Josep Maria Esquirol helped us think about the fundamentals in life. In simple, profound terms. More than recommend this course, I’d say it’s absolutely essential. And urgent”. <br>
  88.                 <p class="Nombre">Toni Segarra, Publicist</p>
  89.             </div>
  90.             <div id="tobogan-3">
  91.                 These sessions with Josep Maria Esquirol have helped me to fit together the various pieces of my own personal way of understanding life. It's been a privilege to be able to watch him think in person: he thinks and reflects in an way that's generous with those listening. This postgraduate course opens up possibilities, encourages you to read, to think, and sometimes even provokes, as part of a process that ends up being more intimate than it is collective.<br>
  92.                 <p class="Nombre">Juliana Vilert, Director of Organisation and Staff at Ferrocarrils de la Generalitat de Catalunya (FGC).</p>
  93.             </div>
  94.             <div id="tobogan-4">
  95.                 "The programme has been a fantastic, fruitful experience. We got to reflect on what and how we think, as well as the effects of the way we think on the most essential, most radical, and most fundamental questions of the human condition, and this helped us to develop new perspectives on all kinds of issues, firing our curiosity and making us more creative. On top of this, we got to work with Josep Maria Esquirol, which was an extraordinary intellectual pleasure”. <br>
  96.                 <p class="Nombre">Manuel Tresanchez, Deputy Manager, Banc Sabadell</p>
  97.             </div>
  98.             <div id="tobogan-5">
  99.                 “Reflecting on what it means to think, with the help of Josep Maria Esquirol, has been a privilege and a delight. As a professional, I learned about how to build in a more solid, committed way. As a person, it’s been a discovery that will stay with me forever.“ <br>
  100.                 <p class="Nombre">Mònica Campos, Executive Director of the National Theatre of Catalonia.</p>
  101.             </div>
  102.         </div>
  103.         <div class="links">
  104.             <div class="index"><a href="#tobogan-1">1</a></div>
  105.             <div class="index"><a href="#tobogan-2">2</a></div>
  106.             <div class="index"><a href="#tobogan-3">3</a></div>
  107.             <div class="index"><a href="#tobogan-4">4</a></div>
  108.             <div class="index"><a href="#tobogan-5">5</a></div>
  109.         </div>
  110.     </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement