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. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ 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

              
                <style>
  h1 {
    font-size: 70px;
    }
  .white-txt{
    color: rgb(255,255,255);
    }
  .font-iso{
    font-family:isocpeur;
  }
  .grey-txt{
    color: rgb(100,100,100)
  }
  .border-corbu{
    border-color: rgb(235,235,239);
    border-width: 5px;
    border-style: solid;
    border-radius: 50%;
  }

</style>

<div class="container">
<div id="basic-info">
  <div class="row">
    <div class="col-xs-12">
      <h1 class="text-center font-iso white-txt">Le Corbusier,
      </h1>
    </div>
        <div class="col-xs-12">
      <h2 class="text-center font-iso grey-txt">Charles-Édouard Jeanneret.
      </h2>
    </div>
      <div class="col-xs-12">
      <a href="https://en.wikipedia.org/wiki/Le_Corbusier"><img class="img-responsive"
         id="png"
         src=http://www.3nta.com/wp-content/uploads/2015/02/le-corbusier1.png></a>
    </div>
      <div class="col-xs-4">
      <p id="wiki" class="font-iso">Charles-Édouard Jeanneret, known as Le Corbusier (October 6, 1887 – August 27, 1965), was a Swiss-French architect, designer, painter, urban planner, writer, and one of the pioneers of what is now called modern architecture. He was born in Switzerland and became a French citizen in 1930. His career spanned five decades; he constructed buildings in Europe, Japan, India, and North and South America.

Dedicated to providing better living conditions for the residents of crowded cities, Le Corbusier was influential in urban planning, and was a founding member of the Congrès International d'Architecture Moderne (CIAM). Le Corbusier prepared the master plan for the city of Chandigarh in India, and contributed specific designs for several buildings there.

On July 17, 2016, seventeen projects by Le Corbusier in seven countries were inscribed in the list of UNESCO World Heritage sites as "an Outstanding Cont
    </div>
    </div>
  </div>
</div>

<div id="work-info">
  <div class="row">
    <div class="col-xs-12">
      <h1 class="text-center font-iso">
        Works,</h1>
    </div>
    <div class="col-xs-4">
      <p id="Villa-Savoye" class="font-iso">Villa Savoye is a modernist villa in Poissy, on the outskirts of Paris, France. It was designed by Swiss architects Le Corbusier and his cousin, Pierre Jeanneret, and built between 1928 and 1931 using reinforced concrete.

A manifesto of Le Corbusier's "five points" of new architecture, the villa is representative of the bases of modern architecture, and is one of the most easily recognizable and renowned examples of the International style.

The house was originally built as a country retreat on behest of the Savoye family. After being purchased by the neighbouring school it passed on to be property of the French state in 1958, and after surviving several plans of demolition, it was designated as an official French historical monument in 1965 (a rare occurrence, as Le Corbusier was still living at the time). It was thoroughly renovated from 1985 to 1997, and under the care of the Centre des monuments nationaux, the refurbished house is now open to visitors year-round.
    </div>
    <div class="col-xs-12">
      <a href="https://en.wikipedia.org/wiki/Villa_Savoye"><img class="img-responsive"
          id="jpg-villa"
  src=http://www.bc.edu/bc_org/avp/cas/fnart/Corbu/savoye1.jpg></a>
    </div>
    <div class="col-xs-4">
      <p id="Notre-Dame-du-Haut" class="font-iso">The chapel of Notre Dame du Haut in Ronchamp, completed in 1954, is one of the finest examples of the architecture of Franco-Swiss architect Le Corbusier and one of the most important examples of twentieth-century religious architecture. The chapel is a working religious building and is under the guardianship of the private foundation Association de l’Oeuvre de Notre-Dame du Haut. It attracts 80,000 visitors each year.
        Notre Dame du Haut is commonly thought of as a more extreme design of Le Corbusier’s late style. Commissioned by the Association de l'Oeuvre Notre Dame du Haut, the chapel is a simple design with two entrances, a main altar, and three chapels beneath towers. Although the building is small, it is powerful and complex. The chapel is the latest of chapels at the site. The previous chapel was completely destroyed there during World War II.
    </div>
    <div class="col-xs-12">
      <a href="https://en.wikipedia.org/wiki/Notre_Dame_du_Haut"><img class="img-responsive"
          id="jpg-haut"
  src=https://static.dezeen.com/uploads/2016/07/notre-dame-du-haut-le-corbusier-ronchamp-france-unesco_dezeen_936_7.jpg></a>
    </div>
    <div class="col-xs-4">
      <p id="Palace-of-Assembly" class="font-iso">Palace of Assembly is a legislative assembly designed by noted architect Le Corbusier and located in Chandigarh, build around 1950sIndia. It is part of the The Capitol Complex, which comprises three buildings — Legislative Assembly, Secretariat and High Court. This building was designated as a UNESCO World Heritage Site in 2016. After the partition of Punjab, in 1947 following the independence of India, the divided Punjab required a new capital as Lahore was now in Pakistan. Thus Le Corbusier was commissioned by first prime minister of India, Jawaharlal Nehru to build a new city of Chandigarh as the capital of Punjab and newly carved state of Haryana. The brief for the design was a city "unfettered by the traditions of the past, a symbol of the nation's faith in the future". Subsequently, Corbusier and his team built not just a large assembly and high court building, but all major buildings in the city, and down to the door handles in public offices. Today many of the buildings are considered modernist masterpieces, though most are in a state of neglect. In 2010, chairs from the assembly building were auctioned in London; a diplomatic attempt to stop the sale failed, as the items were "condemned" and deemed unfit for use.
    </div>
    <div class="col-xs-12">
      <a href="https://en.wikipedia.org/wiki/Palace_of_Assembly_(Chandigarh)"><img class="img-responsive"
          id="jpg-chandigarh"
  src=https://upload.wikimedia.org/wikipedia/commons/8/84/Palace_of_Assembly_Chandigarh_2007.jpg></a>
    </div>
   
  </div>
</div>
<div id="ending">
  <div class="row">
    <img class="border-corbu"
         id="corbu" src=https://tamorky.files.wordpress.com/2015/05/corbusier.jpg> 
    <div class="col-xs-12" id="link-wiki">
    <p class="font-iso">
  <a href="https://en.wikipedia.org/wiki/Le_Corbusier">Le Corbusier - Wikipedia</a>
</p>
    </div>
  </div>
</div>
</div>


     
              
            
!

CSS

              
                #basic-info {
  background-color: rgb(25,25,29);
}
#work-info {
  background-color: rgb(235,235,239);
}
#wiki {
  color: rgb(180,180,180);
  position: relative;
  top: -230px;
  left: 700px;
}
#png {
  position: relative;
  top: 70px;
  left: 250px;
  height: 330px;
}
#Villa-Savoye{
  position: relative;
  top: 100px;
  left: 170px;
}
#jpg-villa{
  position: relative;
  top: -195px;
  left: 750px;
  height: 280px
}
#Notre-Dame-du-Haut{
  position: relative;
  top: -20px;
  left: 750px;
}
#jpg-haut{
  position: relative;
  top: -290px;
  left: 170px;
  height: 280px
}
#Palace-of-Assembly{
  position: relative;
  top: -130px;
  left: 170px;
  }
#jpg-chandigarh{
  position: relative;
  top: -460px;
  left: 750px;
  height: 280px
}
#ending{
  background-color: rgb(25,25,29);
}
#corbu{
  height: 150px;
  position: relative;
  left: 70px;
  margin-top: 50px;
  margin-bottom: px;
  border
}
#link-wiki{
  postiton: relative;
  top: -100px;
  left: 300px;
  font-size: 30px;
}
              
            
!

JS

              
                

              
            
!
999px

Console