Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using it's URL and the proper URL extention.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="assets/style.css">
  <link rel="stylesheet" href="style.css">
  <title>Yiannis Chryssomallis</title>
</head>

<body>
<div class="container">
      <div class="jumbotron">
          <div class="row">
            <div class="col-md-12">
                <h1 class="text-center">Yiannis Chryssomallis - the living legend</h1>
                <h2 class="text-center">1954 - date</h2>
                <h3 class="text-center">One of the best music composers and piano players ever to live.</h3>
              <div class="thumbnail center">Yanni, in full Yanni Chryssomallis, is a Greek-born American composer and keyboardist who was a leading figure in late 20th-century New Age music—a characteristically nonarousing genre of popular music, often entirely instrumental and used for relaxation or meditation..</div>
                <div class="thumbnail">
                    <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/79/YanniPressPhoto.jpg/800px-YanniPressPhoto.jpg" alt="Yiannis Chryssomallis" class="img-circle">
                    <div class="caption text-center">
                        Meet the Man Yianni.
                    </div>
                </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-12">
                <h3>The following list is a time line of Yiannis Chryssomallis till recent years</h3>
                <ul>
                    <li><strong>1954</strong> - Born in Kalamata, Greece.</li>
                    <li><strong>1972</strong> - Moved from Greece to the United States.</li>
                    <li><strong>1973</strong> - Attended the University of Minnesota, from which he graduated in 1976 with a degree in psychology</li>
                    <li><strong>1976</strong> - He received a B.A. degree in psychology.</li>
                    <li><strong>1977</strong> -Yanni joined the Minneapolis-based rock group Chameleon, performing with its founder, drummer Charlie Adams[2][37] with whom he would work into the 2010s.</li>
                    <li><strong>1980-1984</strong> - Tours with Chameleon.</li>
                    <li><strong>1980</strong> In 1980, Yanni recorded his first album Optimystique, which Atlantic Records re-released in 1984 and Private Music re-released in 1989</li>
                    <li><strong>1984</strong> - anni moved to Los Angeles in pursuit of movie soundtrack work. </li>
                    <li><strong>1987</strong> - Yanni formed a band in 1987 and began to tour in 1988 with an ensemble including pianist/singer John Tesh and drummer Charlie Adams, promoting his early albums Keys to Imagination, Out of Silence, and Chameleon Days. <br>A highlight of the tour was a performance with the Dallas Symphony Orchestra that elicited a positive review, considered seminal to Yanni's public recognition, from a Dallas Times Herald critic</li>
                    <li><strong>1988</strong> - Yanni wrote motion picture soundtracks for Steal the Sky, Heart of Midnight </li>
                    <li><strong>1990</strong> - Yanni gained visibility as the result of his November 1990 appearances in People magazine and on The Oprah Winfrey Show with actress Linda Evans.</li>
                    <li><strong>1992</strong> - Released dare to Dream. This was his first Grammy-nominated album. It included "Aria," a song based on Léo Delibes'.</li>
                    <li><strong>1993</strong> - Yanni's breakthrough concert, Live at the Acropolis, was filmed in September 1993 at the 2,000-year-old Herodes Atticus Theater at the Acropolis of Athens.</li> 
                    <li><strong>1994</strong> - Acropolis was Yanni's first live album, and used his core band with a full sixty piece orchestra,[14] the Royal Philharmonic Orchestra which was arranged and conducted by Iranian-American musician Shahrdad Rohan. <br> Without financial backing, Yanni risked $2 million of his personal fortune in the Acropolis production[5] in a strategy to boost his artistic profile and open new markets for his music. The resulting video was broadcast on PBS and became one of its most popular programs ever, seen in 65 countries by half a billion people.<br> It became the second best-selling music concert video of all time (after Michael Jackson's Thriller, selling more than 7 million copies worldwide</li> 
                    <li><strong>1997</strong> - In March 1997, Yanni became one of the few Western artists permitted to perform and record at the Taj Mahal in India. Yanni followed in May 1997 with performances at the Forbidden City in Beijing, China, becoming the first Western artist in modern times permitted to perform at the historic site. Live broadcasts of the two concerts were seen by 100 million television viewers throughout the world. The two events formed the live album and video, Tribute, released in November 1997.</li>
                     <li><strong>2000</strong> - In 2000, after the two-year hiatus, Yanni released If I Could Tell You, his first studio album in seven years. The album sold 55,000 copies in its first week and landed at No. 20 on the Billboard charts, his highest debut to date. Yanni described the album as more of an even-tempered "listening" album, less dramatic than the live concert albums Live at the Acropolis or Tribute. He explained that he himself created all the album's sounds, including apparent vocalizations, through the manipulation of sound in his studi</li>
                    <li><strong>2003</strong> - The music in Yanni's 2003 album Ethnicity represented many of the world's cultures, Yanni saying it uses ethnicity to reflect the color and beauty of a multicultural society. The album was released near the publication date of Yanni's autobiography, Yanni in Words.[51] On October 23, 2003, Yanni performed a keyboard instrumental version of The Star-Spangled Banner before Game 5 of the 2003 World Series</li> 
                    <li><strong>2011</strong> -The Truth of Touch album was released in February 2011, Yanni's first studio album of new material since Ethnicity eight years earlier.[14] Truth of Touch's varied content reflected contemporary instrumental, electronic, and cinematic influences, and crossed over into popular, new age, and world music.</li>
                    <li><strong>2015</strong> - On October 30 and 31, 2015, Yanni performed two concerts on the grounds of the Egyptian pyramids and Great Sphinx of Giza, his first performance in Egypt.[21] The concerts included fireworks and a video broadcast from International Space Station commander Scott Kelly, and were recorded in 4K HD for subsequent broadcast on PBS. To convey an image of stable security after the Egyptian Crisis (2011–14), an Egyptian security force of 3,000 people secured the concert area</li>
                    <li><strong>2019</strong> - Yanni's August 2019 single honoring his daughter Krystalán is called "Ladyhawk", alluding to how she watches over him like a guardian angel. <br>In November 2019, Yanni released single "Blue", taking inspiration from the ocean.</li>
                    <li><strong>2020</strong> - In August 2020, Yanni released a studio album 'In His Purest Form', containing solo piano performances of his previously released songs. This is his first piano solo album since 'In My Time' in 1993.</li>
                </ul>
                <div class="text-center">
                    <cite>
                        Read more about Yiannis Chryssomallis on <a href="https://en.wikipedia.org/wiki/Yanni#Early_life" target="_blank">Wikipedia</a>.
                    </cite>
                </div>
            </div>
          </div>
          </div>
        <footer>
            <cite>
                Writtern and coded by <a href="https://www.elbef.com/yianni" target="_blank">Idongesit.</a>
            </cite>
        </footer>
    </li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>


              
            
!

CSS

              
                 .thumbnail {background-color: #eee;}
    body {margin-top: 33px;}
    .thumbnail .caption {background-color: #ddd;}
              
            
!

JS

              
                
              
            
!
999px

Console