123

Pen Settings

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

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

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

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

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.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
  <a class="navbar-brand" href="#">Navbar</a>
  <button
    class="navbar-toggler"
    type="button"
    data-toggle="collapse"
    data-target="#navbarSupportedContent"
    aria-controls="navbarSupportedContent"
    aria-expanded="false"
    aria-label="Toggle navigation"
  >
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav ml-auto">
      <li class="nav-item"><a class="nav-link" href="#">Portfolio</a></li>
      <li class="nav-item"><a class="nav-link" href="#">About Me</a></li>
    </ul>
  </div>
</nav>
<header>
  <div class="container">
    <h1>Perla Ornelas</h1>
    <p>
  To cross the golden gate bridge it takes like 10 minutes to cross by it beacuse it is so long and alot of traphic that you are just like hurry up. In San Franciso it looks like New York beacuse when you are walking outside you almost cant walk beacause of so much people around you.  
    </p>
    <a class="btn btn-primary" href="#" role="button">Read More</a>
  </div>
</header>
<main>
  <section id="portfolio" class="py-4">
    <div class="container">
      <h1 class="text-center">Portfolio</h1>
      <div class="row">
        <div class="card portfolio-item">
          <img
            src="https://static.wixstatic.com/media/87e044_5df017d3ef4e4536a0861c0c3340d478~mv2_d_2016_1512_s_2.jpg/v1/fit/w_300,h_300,al_c,q_80/file.jpg"
            class="card-img-top"
            alt="..."
          />
          <div class="card-body text-primary">
            <h5 class="card-title">La taqueria</h5>
            <p class="card-text">
              This place I went when I went to San Franciso when when I went inside the restaurant their was only  mexican food and I was like yeah im hungry now.  
            </p>
            <a href="https://www.facebook.com/taquerialacostenamilwaukee/" class="btn btn-primary">Click here for their facebook</a>
          </div>
        </div>
        <div class="card portfolio-item">
          <img
            src="https://target.scene7.com/is/image/Target/GUEST_1d1acfbf-d627-4cee-a1ba-0853508cc4ff?wid=488&hei=488&fmt=pjpeg"
            class="card-img-top"
            alt="..."
          />
          <div class="card-body text-primary">
            <h5 class="card-title">Coca Cola</h5>
            <p class="card-text">
              When I go to mexican  restaurants I always pick the coca cola because in Mexico everyone picks that one.
            </p>
            <a href="https://www.coca-cola.com/" class="btn btn-primary">Click here for a Coca Cola</a>
          </div>
        </div>
        <div class="card portfolio-item">
          <img
            src="data:image/jpeg;base64,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"/>
          <div class="card-body text-primary">
            <h5 class="card-title">Tacos</h5>
            <p class="card-text">
              Tacos are the best every place I go this is the only thing I eat I cannot eat these tacos without chile.
            </p>
            <a href="https://www.google.com/search?q=la%20taqueria&rlz=1C1GCEB_enUS854US854&oq=la+taqueria&aqs=chrome.0.69i59j0l5.3955j0j7&sourceid=chrome&ie=UTF-8&npsic=0&rflfq=1&rlha=0&rllag=43006728,-87927006,460&tbm=lcl&rldimm=10312195731515444244&phdesc=rJGkNcjDoRU&ved=2ahUKEwjMrqKjworjAhXOKM0KHXEvCE0QvS4wAXoECAsQKA&rldoc=1&tbs=lrf:!2m1!1e2!2m1!1e3!3sIAE,lf:1,lf_ui:9#rlfi=hd:;si:3632686707780675650,y,cccIpz5r1DI;mv:!1m2!1d43.057038999999996!2d-87.88922509999999!2m2!1d42.9840928!2d-87.9917703!3m12!1m3!1d35368.52100317494!2d-87.9404977!3d43.020565899999994!2m3!1f0!2f0!3f0!3m2!1i598!2i582!4f13.1" class="btn btn-primary">Click here for the best taco place</a>
          </div>
        </div>
      </div>
    </div>
  </section>



<section id="portfolio" class="py-4">
    <div class="container">
      <h1 class="text-center">Portfolio</h1>
      <div class="row">
        <div class="card portfolio-item">
          <img
          src= "https://i.scdn.co/image/00e08269b3ba5ad6da110f71a3fc720e6ae2f263" 
            class="card-img-top"
            alt="..."
          />
          <div class="card-body text-primary">
            <h5 class="card-title">Poster</h5>
            <p class="card-text">
              I am talking about Cornelio vega her because he is my favorite singer this year he is coming to mexican fiesta. Me and my friend love his songs. 
            </p>
            <a href="https://codepen.io/perla5409/pen/orYwRe" class="btn btn-primary">Poster</a>
          </div>
        </div>
        <div class="card portfolio-item">
          <img
            src="https://www.piet-mondrian.org/images/paintings/composition-light-color-planes-with-grey-contours-1919.jpg"
            class="card-img-top"
            alt="..."
          />
          <div class="card-body text-primary">
            <h5 class="card-title">Mondrian</h5>
            <p class="card-text">
         This are divisions inside squares and I colored them with light colors because I dont like almost the dark colors.
            </p>
            <a href="https://codepen.io/perla5409/pen/XLezKN" class="btn btn-primary">Mondrian</a>
          </div>
        </div>
        <div class="card portfolio-item">
          <img
            src="https://d17fnq9dkz9hgj.cloudfront.net/breed-uploads/2018/08/siberian-husky-detail.jpg?bust=1535566590&width=355"
          <div class="card-body text-primary">
            <h5 class="card-title">Fan Page</h5>
            <p class="card-text">
              I love the husky's they are my favorite second animal my cousin in California has a husky and it is really big. 
            </p>
            <a href="https://codepen.io/perla5409/pen/jjLwaM" class="btn btn-primary">Fan Page</a>
          </div>
        </div>
      </div>
    </div>
  </section>






 
  <section id="about" class="py-4">
    <div class="container">
      <div class="row">
        <div class="col-md-4 col-sm-12">
          <img src= "https://dynaimage.cdn.cnn.com/cnn/q_auto,w_412,c_fill,g_auto,h_232,ar_16:9/http%3A%2F%2Fcdn.cnn.com%2Fcnnnext%2Fdam%2Fassets%2F170606120957-california---travel-destination---shutterstock-220315747.jrg"        <img src=alt="" id="about-pic" />
                   
        </div>
        <div class="col-md-8 col-sm-12">
          <h2>Perla Ornelas</h2>
          <p>
            My name is Perla and I went to California, San Franciso last 3 months with my family and it was so pretty i loved it so much. My aunt lives their and she was so happy to see us we have lots of family their. I am 13 years old and i want to be little again because when you are little things are way easy'er. In 2 more years its my 15 and I am so nervious beacuse of the cherch, when the man talks I just get like nervious because their is lots of people my family around me.
          </p>
        </div>
      </div>
    </div>
  </section>
</main>

            
          
!
            
              header {
  min-height: 100vh;
  margin-top: 55px;
  background-image: url("https://www.dailysignal.com/wp-content/uploads/150904_CaliforniaMigration_Johnson-1250x650.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}

main {
  scroll-behavior: smooth;
}

section {
  align-items: center;
}

.row {
  margin: 0 !important;
}

#portfolio {
  background-color:#99ebff
;
    color: black;
  justify-content: center;
}

.portfolio-item {
  width: 30%;
  margin: 10px;
}

#about {
  background-color:#b3f0ff


;
  color: black;
}

#about img {
  border-radius: 200%;
}

            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console