Difference between revisions of "Team:RUM-UPRM/Members"

(Created page with "<html> <section class="projects-section bg-light" id="projects"> <div class="container"> <!-- The Team --> <div class="container">...")
 
Line 1: Line 1:
−
<html>
+
{{RUM-UPRM}}
 +
<html lang="en">
 
<section class="projects-section bg-light" id="projects">
 
<section class="projects-section bg-light" id="projects">
−
            <div class="container">
+
      <h1>The Team</h1>
−
 
+
      <div class="container">
 
                 <!-- The Team -->
 
                 <!-- The Team -->
 
                 <div class="container">
 
                 <div class="container">
Line 48: Line 49:
 
                   </div>
 
                   </div>
 
                   <!-- /.row -->
 
                   <!-- /.row -->
−
 
−
 
−
                  <!--
 
−
                  <!-- Carousel Wrapper--
 
−
                  <div id="multi-item-example" class="carousel slide carousel-multi-item" data-ride="carousel">
 
−
 
−
                    <!--Controls--
 
−
                    <div class="controls-top">
 
−
                      <a class="btn-floating" href="#multi-item-example" data-slide="prev"><i class="fas fa-chevron-left"></i></a>
 
−
                      <a class="btn-floating" href="#multi-item-example" data-slide="next"><i class="fas fa-chevron-right"></i></a>
 
−
                    </div>
 
−
                    <!--/.Controls--
 
−
 
−
                    <!--Indicators--
 
−
                    <ol class="carousel-indicators">
 
−
                      <li data-target="#multi-item-example" data-slide-to="0"></li> <!-- class="active" --
 
−
                      <li data-target="#multi-item-example" data-slide-to="1"></li>
 
−
                      <li data-target="#multi-item-example" data-slide-to="2"></li>
 
−
                    </ol>
 
−
                    <!--/.Indicators--
 
−
 
−
                    <!--Slides--
 
−
                    <div class="carousel-inner" role="listbox">
 
−
 
−
                      <!--First slide--
 
−
                      <div class="carousel-item active"> <!-- active --
 
−
 
−
                        <div class="col-xl-3 col-md-6 mb-4">
 
−
                          <div class="card border-0 shadow">
 
−
                            <img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(34).jpg" alt="Card image cap">
 
−
                            <div class="card-body text-center">
 
−
                              <h5 class="card-title mb-0">Carlos Leyva Capote</h5>
 
−
                              <p class="card-text text-black-50">Wiki Programmer</p>
 
−
                              <!--a class="btn btn-primary">Button</a--
 
−
                            </div>
 
−
                          </div>
 
−
 
−
                          <div class="">
 
−
                            <p class="card-text text-black-50">Wiki Programmer</p>
 
−
                          </div>
 
−
 
−
                        </div>
 
−
 
−
                        <div class="col-xl-3 col-md-6 mb-4">
 
−
                          <div class="card border-0 shadow">
 
−
                            <img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(18).jpg" alt="Card image cap">
 
−
                            <div class="card-body text-center">
 
−
                              <h5 class="card-title mb-0">Carlos Leyva Capote</h5>
 
−
                              <p class="card-text text-black-50">Wiki Programmer</p>
 
−
                              <!--a class="btn btn-primary">Button</a--
 
−
                            </div>
 
−
                          </div>
 
−
                        </div>
 
−
 
−
                        <div class="col-xl-3 col-md-6 mb-4">
 
−
                          <div class="card border-0 shadow">
 
−
                            <img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(35).jpg" alt="Card image cap">
 
−
                            <div class="card-body text-center">
 
−
                              <h5 class="card-title mb-0">Carlos Leyva Capote</h5>
 
−
                              <p class="card-text text-black-50">Wiki Programmer</p>
 
−
                              <!--a class="btn btn-primary">Button</a--
 
−
                            </div>
 
−
                          </div>
 
−
                        </div>
 
−
 
−
                      </div>
 
−
                      <!--/.First slide--
 
−
 
−
                      <!--Second slide--
 
−
                      <div class="carousel-item">
 
−
 
−
                        <div class="col-xl-3 col-md-6 mb-4">
 
−
                          <div class="card border-0 shadow">
 
−
                            <img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/City/4-col/img%20(60).jpg" alt="Card image cap">
 
−
                            <div class="card-body text-center">
 
−
                              <h5 class="card-title mb-0">Carlos Leyva Capote</h5>
 
−
                              <p class="card-text text-black-50">Wiki Programmer</p>
 
−
                              <!--a class="btn btn-primary">Button</a--
 
−
                            </div>
 
−
                          </div>
 
−
                        </div>
 
−
 
−
                        <div class="col-xl-3 col-md-6 mb-4">
 
−
                          <div class="card border-0 shadow">
 
−
                            <img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/City/4-col/img%20(47).jpg" alt="Card image cap">
 
−
                            <div class="card-body text-center">
 
−
                              <h5 class="card-title mb-0">Carlos Leyva Capote</h5>
 
−
                              <p class="card-text text-black-50">Wiki Programmer</p>
 
−
                              <!--a class="btn btn-primary">Button</a--
 
−
                            </div>
 
−
                          </div>
 
−
                        </div>
 
−
 
−
                        <div class="col-xl-3 col-md-6 mb-4">
 
−
                          <div class="card border-0 shadow">
 
−
                            <img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/City/4-col/img%20(48).jpg" alt="Card image cap">
 
−
                            <div class="card-body text-center">
 
−
                              <h5 class="card-title mb-0">Carlos Leyva Capote</h5>
 
−
                              <p class="card-text text-black-50">Wiki Programmer</p>
 
−
                              <!--a class="btn btn-primary">Button</a--
 
−
                            </div>
 
−
                          </div>
 
−
                        </div>
 
−
 
−
                      </div>
 
−
                      <!--/.Second slide--
 
−
 
−
                      <!--Third slide--
 
−
                      <div class="carousel-item">
 
−
 
−
                        <div class="col-xl-3 col-md-6 mb-4">
 
−
                          <div class="card border-0 shadow">
 
−
                            <img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/Food/4-col/img%20(53).jpg" alt="Card image cap">
 
−
                            <div class="card-body text-center">
 
−
                              <h5 class="card-title mb-0">Carlos Leyva Capote</h5>
 
−
                              <p class="card-text text-black-50">Wiki Programmer</p>
 
−
                              <!--a class="btn btn-primary">Button</a--
 
−
                            </div>
 
−
                          </div>
 
−
                        </div>
 
−
 
−
                        <div class="col-xl-3 col-md-6 mb-4">
 
−
                          <div class="card border-0 shadow">
 
−
                            <img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/Food/4-col/img%20(45).jpg" alt="Card image cap">
 
−
                            <div class="card-body text-center">
 
−
                              <h5 class="card-title mb-0">Carlos Leyva Capote</h5>
 
−
                              <p class="card-text text-black-50">Wiki Programmer</p>
 
−
                              <!--a class="btn btn-primary">Button</a--
 
−
                            </div>
 
−
                          </div>
 
−
                        </div>
 
−
 
−
                        <div class="col-xl-3 col-md-6 mb-4">
 
−
                          <div class="card border-0 shadow">
 
−
                            <img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Horizontal/Food/4-col/img%20(51).jpg" alt="Card image cap">
 
−
                            <div class="card-body text-center">
 
−
                              <h5 class="card-title mb-0">Carlos Leyva Capote</h5>
 
−
                              <p class="card-text text-black-50">Wiki Programmer</p>
 
−
                              <!--a class="btn btn-primary">Button</a--
 
−
                            </div>
 
−
                          </div>
 
−
                        </div>
 
−
 
−
                      </div>
 
−
                      <!--/.Third slide--
 
−
 
−
                    </div>
 
−
                    <!--/.Slides--
 
−
 
−
                  </div>
 
−
                  <!--/.Carousel Wrapper -->
 
−
 
−
 
−
 
 
                 </div>
 
                 </div>
 
                 <!-- /.container -->
 
                 <!-- /.container -->
−
 
−
 
−
                <!-- Featured Project Row-->
 
−
                <div class="row align-items-center no-gutters mb-4 mb-lg-5">
 
−
                    <div class="col-xl-8 col-lg-7">
 
−
                        <img class="img-fluid mb-3 mb-lg-0" src="assets/img/bg-masthead.jpg" alt="" /> <!-- https://www.dangerous-business.com/visiting-vieques-puerto-rico/ -->
 
−
                    </div>
 
−
                    <div class="col-xl-4 col-lg-5">
 
−
                        <div class="featured-text text-center text-lg-left">
 
−
                            <h4>Shoreline</h4>
 
−
                            <p class="text-black-50 mb-0">A cool photo. There is really not much to say. It's the same photo you saw at the top of the page. Try scaling the webpage and see how everything moves. Pretty responsive!</p>
 
−
                        </div>
 
−
                    </div>
 
−
                </div>
 
−
                <!-- Project One Row-->
 
−
                <div class="row justify-content-center no-gutters mb-5 mb-lg-0">
 
−
                    <div class="col-lg-6"><img class="img-fluid" src="assets/img/demo-image-01.jpg" alt=""/></div>
 
−
                    <div class="col-lg-6">
 
−
                        <div class="bg-black text-center h-100 project">
 
−
                            <div class="d-flex h-100">
 
−
                                <div class="project-text w-100 my-auto text-center text-lg-left">
 
−
                                    <h4 class="text-white">Misty</h4>
 
−
                                    <p class="mb-0 text-white-50">Another example of where you can put an image of the project, or anything else, along with a description. </p>
 
−
                                    <hr class="d-none d-lg-block mb-0 ml-0" />
 
−
                                </div>
 
−
                            </div>
 
−
                        </div>
 
−
                    </div>
 
−
                </div>
 
−
                <!-- Project Two Row-->
 
−
                <div class="row justify-content-center no-gutters">
 
−
                    <div class="col-lg-6"><img class="img-fluid" src="assets/img/demo-image-02.jpg" alt="" /></div>
 
−
                    <div class="col-lg-6 order-lg-first">
 
−
                        <div class="bg-black text-center h-100 project">
 
−
                            <div class="d-flex h-100">
 
−
                                <div class="project-text w-100 my-auto text-center text-lg-right">
 
−
                                    <h4 class="text-white">Mountains</h4>
 
−
                                    <p class="mb-0 text-white-50">At this point I don't know what to write so I'll just invent some words. Scarapaduya, postimastacular, and contevertabrae!</p>
 
−
                                    <hr class="d-none d-lg-block mb-0 mr-0" />
 
−
                                </div>
 
−
                            </div>
 
−
                        </div>
 
−
                    </div>
 
−
                </div>
 
−
            </div>
 
 
         </section>
 
         </section>
 
</html>
 
</html>

Revision as of 04:28, 8 October 2020

The Team

...
Team Member
Web Developer
...
Team Member
Web Developer
...
Team Member
Web Developer
...
Team Member
Web Developer