Current Students

In this example below you will see how to do a Current Students with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by Miraes, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright Miraes ©
  • HTML
  • CSS
  • JavaScript
    <body>


  <div class="top-nav navbar-static-top collapse navbar-collapse bs-example-navbar-collapse-1">
    <div class="container">
      <!--links-->
      <ul class="nav navbar-nav pull-left">
        <li><a href="#">CITY UNIVERSITY OF NEW YORK | GRADUATE STUDIES    </a></li>
      </ul>
      <ul class="facebook">
        <li><a href="#"><i class="fa fa-facebook-square fa-3x fb-icon"></i></a></li>
      </ul>

      <!--<form class="navbar-form navbar-right" role="search">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="Search">
        </div>
        <button type="submit" class="btn btn-default">Submit</button>
      </form>-->
    </div>
  </div>

  <div class="banner">
    <div class="container">

      <!--<div class="banner-logo">
        <img class="logo img-responsive" src="https://goo.gl/VND31g">
      </div>-->

      <div class="img">
        <div class="container">
          <p class="img-let">C U</p>
          <p class="img-let">N Y</p>


        </div>
      </div>

      <div class="collapse navbar-collapse bs-example-navbar-collapse-1 sub-menu">
        <ul="sub-menu-inside">
          <li><a href="#">Prospective Students</li>
        <li><a href="#">Current Students</a></li>
          <li><a href="#"><span class="apply">APPLY</span></a></li>
          </ul>
      </div>

    </div>
  </div>

  <div class="main-nav">
    <nav class="navbar navbar-default">
      <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#"><i class="fa fa-spinner fa-spin-hover"></i> HPCS</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav" id="links">
            <li><a href="https://www.google.com">Home</a></li>
            <li><a href="#">Mission Statement </a></li>
            <li>
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">Admissions<span class="sr-only">(current)</span></a>
              <ul class="dropdown-menu">
                <li><a href="#">Requirements for Prospective Students</a></li>
                <li><a href="#">Apply Now</a></li>
                <li><a href="#">FAQ</a></li>
              </ul>
            </li>
            <li><a href="#">Faculty</a></li>
            <li><a href="#">Curriculum</a></li>
            <li><a href="#">Weekly Colloquium</a></li>
            <li><a href="#">Contact Us</a></li>
          </ul>

        </div>
        <!-- /.navbar-collapse -->
      </div>
      <!-- /.container-fluid -->
    </nav>
  </div>

  <!-- same up / edit main-nav -->


  <div class="sub-jumbo sub-jumbo-intro sub-jumbo-cstudents">
    <div class="container">
       <h2>Current Students</h2>
      
      
      
      <div class="row row-one">
          <div class="col-md-4">
            <img src="https://goo.gl/8TzZbS" class="img-circle">
          <div class="student-info">
            <h4>Katie Darabos</h4>
            <p>graduated from Montclair State University with a Bachelor of Arts in Psychology in 2008 and a Master of Science in Experimental Psychology concentrating in Behavioral Neuroscience from Seton Hall University in 2011. After graduating she worked under Drs. Sharon Manne and Jerod Stapleton at Rutgers Cancer Institute of New Jersey researching psychological interventions that improve quality of life in cancer patients, specifically gynecological cancer as well as interventions aimed at trying to gain insight into indoor tanning behaviors. Katie’s current research interest span the field of psycho-oncology, more specifically in the effectiveness of interventions that improve quality of life for cancer and chronic illness, risk perception, and the uptake of genetic testing.</p>
            </div>
          </div>
          
          <div class="col-md-4">
            <img src="https://goo.gl/8TzZbS" class="img-circle">
          
          <div class="student-info">
            <h4>Emmanuel (Mani) Garcia-Lesy</h4>
            <p>is a doctoral student in the CUNY Health Psychology and Clinical Science program based at Hunter College. I received my B.A. and M.A. in Psychology from Stony Brook University. I am interested in improving access to physical/mental health assessment and interventions for Deaf and deaf-blind individuals - drawing on biopsychosocial theory and methods. Specifically, my research is focused on (1) clarifying how patterns of both positive and negative self-focused thought can influence physical/mental health; (2) better understanding the role of mindfulness and movement literacy in health and well-being; and (3) using psychophysiological measures to develop better tools for assessing clinical needs and outcomes. My advisor is Dr. Regina Miranda at Hunter College.</p>
            </div>
          </div>
          
          <div class="col-md-4">
            <img src="https://goo.gl/8TzZbS" class="img-circle">
          
          <div class="student-info">
            <h4>Amanda Mía Marín-Chollom </h4>
            <p>earned a BA in Psychology at the University of Nevada, Las Vegas. She worked at UNLV's Achievement Center funded by the National Institute on Drug Abuse, which took part in a R01 controlled treatment outcome study of clients receiving family behavior therapy. She continued her education in a Psychology MA program at San Diego State University. At SDSU, in collaboration with UCSD Moores Cancer Center, she conducted research aimed at helping resolve the underrepresentation of Hispanic Americans in cancer research studies. The project was a randomized controlled trial that tested the efficacy of an educational program adapted from the National Cancer Institute's clinical trials education series and tailored for the Hispanic-American community. Currently, she is interested in how culture, race, ethnicity affects coping and adaptation to serious illness. The goal of her research is to create a more culturally informed paradigm for psychosocial adjustment to illness. <a href="#">[CV]</a></p>
            </div>
          </div>
      </div>
      
      <div class="row row-two">
          <div class="col-md-4">
            <img src="https://goo.gl/8TzZbS" class="img-circle">
          <div class="student-info">
            <h4>Boyang Fan</h4>
            <p> received his B.A. in Psychology at University of California, Los Angeles in 2013. After graduating from UCLA, he worked as a research coordinator at the Anxiety and depression research center at UCLA examining positive and negative affects in people with anxiety and depression. As a member of regulation of emotion in anxiety and depression laboratory, Boyang’s broad research interest is on the mechanisms of emotion dysregulation in people with anxiety and depression. Currently, he is particularly interested in behavioral and psychophysiological measurements that could better capture treatment changes within the emotion regulation therapy framework.</p>
            </div>
          </div>
          
          <div class="col-md-4">
            <img src="https://goo.gl/8TzZbS" class="img-circle">
          
          <div class="student-info">
            <h4>Brett Millar </h4>
            <p>Since completing his Honors thesis at Macquarie University in Australia, Brett has worked in psychosocial research at various not-for-profit cancer support organizations in Sydney, focusing mostly on unmet supportive care needs across the lifespan. More recently, he has been focusing on older adults living with HIV here in New York, and sexual risk-taking among gay and bisexual men at the Center for HIV Educational Studies & Training <a href="#">(CHEST)</a>. Issues of self-regulation in health behavior and decision-making are at the core of his research interests. In his first two years in the HPCS program, he has co-authored journal articles on: the role of substance use expectancies and condom beliefs in sexual risk-taking among gay and bisexual men; drug use patterns and sex risk behaviors in older adults living with HIV, and; measurement and methodological issues such as syndemics modeling and the recruiting of couples into dyadic studies. In 2015, he has presented first-authored research at conferences such as APA, APS, and SBM. Involvement in the program has also offered Brett the opportunity to present posters at the Graduate Center's Psychology Student Research Day 2014, to co-author an upcoming entry in the SAGE Encyclopedia of Theory in Psychology, to peer-review several articles for various high profile journals, and to serve on the Graduate Council at the Graduate Center. <a href="#">[Pubs]</a></p>
            </div>
          </div>
          
          <div class="col-md-4">
            <img src="https://goo.gl/8TzZbS" class="img-circle">
          
          <div class="student-info">
            <h4>Ray Moody</h4>
            <p>"I graduated from the University of Arizona in 2011 with my Bachelor's degree in Psychology and a minor in Family Studies and Human Development. Prior to completing my degree, I worked as Intake Coordinator for a long-term residential drug and alcohol treatment facility in Phoenix, AZ. In 2011, I joined the Frances McClelland Institute for Children, Youth, and Families at the University of Arizona and served as a Lab Coordinator .My research investigates the health and wellbeing of LGBTQ individuals. I have examined how inclusive LGBTQ policies are passed at the state level, and how these policies such as the California Fair Education Act and Arizona's Ban of Ethnic Studies influence the educational experiences of LGBTQ youth and youth of color. In my research on suicide among sexual minority youth, I examine the impact of LGBTQ related stress on substance use problems and the influence of LGBTQ community-based organizations on this association. My professional experiences have shaped my interest in research on drug/alcohol use and self-harming behaviors among the LGBTQ community. My goal is to understand the barriers to accessibility and defiance against drug/alcohol treatment, such as issues with spirituality due to discrimination on the basis of sexual orientation or gender identity. I also aim to understand the comorbidities of substance use disorders, such as sexual compulsivity, and how interventions address multiple issues that challenge successful recovery. I am thrilled at the opportunity to explore my current areas of interest and discover new ones as a doctoral student in the Health Psychology and Clinical Science program at the City University of New York. As an Arizona native, I also look forward to experiencing the diversity of New York City."</p>
            </div>
          </div>
      </div>
      
      <div class="row row-three">
          <div class="col-md-4">
            <img src="https://goo.gl/8TzZbS" class="img-circle">
          <div class="student-info">
            <h4>Aliza Panjwani</h4>
            <p>"I completed my BA with an Honours specialization in Psychology and certificate of Practical Speaking in Spanish from the University of Western Ontario. After graduating, I sought research experience in health psychology and eventually became Lab Manager to Dr. Tae Hart at the Psychosocial Medicine Lab in Toronto, where I managed numerous multi-site projects examining health-related quality of life (HRQOL) outcomes in marginalized cancer populations. Working with chronically ill patients has fostered a genuine passion for examining the link between psychosocial oncology, psychological outcomes, and HRQOL using both quantitative and qualitative methodology. Specifically, I aim to better understand how individuals with a chronic illness, as well as their caregivers, cope with the stresses associated with managing their disease. What makes some resilient to developing psychological distress? What hinders the adjustment process? I believe that being a graduate student in HPCS is an excellent place for me to acquire the training necessary to address these important research questions, and I look forward to the journey!"</p>
            </div>
          </div>
          
          <div class="col-md-4">
            <img src="https://goo.gl/8TzZbS" class="img-circle">
          
          <div class="student-info">
            <h4>Ashley Polokowski </h4>
            <p>received a B.S. degree in psychology, with a minor in health nutrition sciences from Brooklyn College. She went on to receive her M.A. in psychology from Long Island University. She currently works under the direction of Dr. Laura Reigada, working on grant funded research investigating an integrative cognitive-behavioral intervention targeting anxiety among youth diagnosed with chronic illness. Ashley's current research examines youth's perception of their chronic illness including analyzing patterns of thinking, evaluating the use of coping skills and assessing the knowledge one has surrounding their illness.</p>
            </div>
          </div>
          
          <div class="col-md-4">
            <img src="https://goo.gl/8TzZbS" class="img-circle">
          
          <div class="student-info">
            <h4>Megan Renna</h4>
            <p>graduated with her B.A. from Simmons College in May 2010. After obtaining her B.A., Megan spent three years at Massachusetts General Hospital's Department of Psychiatry as a Research Assistant/Data Analyst on a project examining patient outcomes within Outpatient Psychiatry. Under the supervision of Dr. Doug Mennin, Megan's primary research interests include understanding the impact of perseveration, including worry and rumination, in relation to emotion regulation in both treatment and laboratory-based settings for individuals with anxiety and depression. In addition, her time in HPCS has spurred an interest in the examination of the intersection between physical and mental health. Specifically, she is interested in understanding immune functioning within psychopathology, with specific interest in disseminating the influential role that affective disorders may have on markers of chronic inflammation.</p>
            </div>
          </div>
      </div>
      
      <div class="row row-four">
          <div class="col-md-4">
            <img src="https://goo.gl/8TzZbS" class="img-circle">
          <div class="student-info">
            <h4>Sean Ryan</h4>
            <p>graduated from McGill University in 2008 with a B.S. in Psychology, and in 2010 he completed his M.S. in Rehabilitation Psychology at the University of Wisconsin at Madison. He has worked as a Research Assistant and Project Coordinator at Memorial Sloan Kettering Cancer Center on several different studies related to colorectal cancer screening as well as patient reported outcomes in drug trials. He is currently studying the impact of testicular cancer on emerging adulthood under the supervision of Dr. Michael Hoyt. Sean is also interested in examining how men cope with reproductive cancers and gender differences in the assessment of depression.</p>
            </div>
          </div>
          
          <div class="col-md-4">
            <img src="https://goo.gl/8TzZbS" class="img-circle">
          
          <div class="student-info">
            <h4>Jean Quintero</h4>
            <p> earned her BA degree in Psychology from Hunter College in 2013. Since 2012, she has worked as a research assistant in the Regulation of Emotion in Anxiety and Depression (READ) Lab and the Emotion Regulation Lab. Currently, she is a first-year Ph.D. student in the Health Psychology and Clinical Science (HPCS) program and is continuing to pursue research at Hunter College under the direction of Drs. Douglas Mennin and Tracy Dennis. Her clinical interests revolve around the etiology, identification, and treatment of affective disorders, as well as the examination of the neural and psychophysiological correlates of emotion dysregulation in anxiety and depression.</p>
            </div>
          </div>
          
          <div class="col-md-4">
            <img src="https://goo.gl/8TzZbS" class="img-circle">
          
          <div class="student-info">
            <h4>Thomas Whitfield</h4>
            <p>has been a research assistant at The Center for HIV Educational Studies and Training (part of CUNY's Hunter College) since 2012. He has spent the last year studying romantic motivations for risk taking sexual behavior and plans to continue studying sexual behavior while working towards his Ph.D. at The Graduate Center. Thomas’s main interests lie in mental and physical sexual health. He plans to help design interventions that can increase mental and sexual satisfaction among all types of couples and individuals.</p>
            </div>
          </div>
      </div>
      
      


    </div>
  </div>

  <div class="footer">
    <div class="container">
      <div class="col-md-4">
        <img class="foot-img img-responsive" src="https://goo.gl/tmJyXG">
        <p>The Graduate Center, CUNY </p>
        <p>365 Fifth Avenue</p>
        <p>New York, NY 10016 USA</p>
        <p> 1-877-428-6942 | (212) 817-7000</p>
      </div>
    </div>
  </div>

</body>

/*Downloaded from https://www.codeseek.co/Miraes/current-students-BjEyEp */
    /**Media queries **/

/** iphone 6 **/
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
    .container {
      margin: auto;
      max-width: 880px;
    }
}


/** iphone 5 **/
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
         .container {
      margin: auto;
      max-width: 880px;
           
           .sub-menu {
             margin: auto;
             max-width: 800px;
           }
    }
    
}
/************** ^MEDIA QUERIES^****************/

/**** Carousel *****/


.slideshow .item > img {
  height: 420px;
  max-height: 420px;
  width: 100%;
}



.carousel {
  width: 65%;
  margin: auto;
}




/***/
a {
  text-decoration: none !important;
}
/* top navbar */

.top-nav {
  opacity: .65;
  background-color: #000;
  width: 100%;
  position: absolute;
}

.top-nav li {
  display: inline;
  font-size: 1em;
}

.top-nav a:link {
  color: #8080ff;
  transition: all 0.3s ease 0s;
  text-decoration: none;
}

.top-nav a:visited {
  text-decoration: none;
}

.top-nav .nav a:hover {
  color: #0f0f0a;
  font-weight: bold;
}

.top-nav .facebook a:hover {
  color: #0000ff;
}

.fb-icon {
  position: absolute;
  top: 12%;
  left: 70%;
}


/* navbar */

.navbar-default {
  background-color: #d9d9d9;
  border-top: 5px solid #00004d;
  width: 100%;
}


/* title */

.navbar-default .navbar-brand {
  color: #000;
  font-size: 1em;
  transition: all 0.3s ease 0s;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #00004d;
  font-weight: bold;
}


/* link */

.navbar .navbar-nav {
  display: inline-block;
  float: none;
}

.navbar .navbar-collapse {
  text-align: center;
}

.navbar-default .navbar-nav > .dropdown ul {
  background-color: #d9d9d9;
  fonts-family: "Tahoma", Geneva, sans-serif;
  font-size: 1em;
  letter-spacing: .10em;
}

.navbar-default .navbar-nav > li > a {
  color: #000;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 1em;
  letter-spacing: .10em;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #0066ff;
  transition: all 0.3s ease 0s;
}

.navbar-default .navbar-nav > li > a:active {
  color: #8080ff;
}

.navbar-default .navbar-nav > li > a:visited {
  text-decoration: none;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #00004d;
}

.navbar-default .navbar-nav > .active > a:visited {
  text-decoration: none;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #000066;
  background-color: #D5D5D5;
}


/*banner*/

.banner {
  background-image: radial-gradient(rgba(0, 0, 0, 0.3) 5%, rgba(0, 0, 0, 0.3) 16%), radial-gradient(rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.5) 16%), url('https://goo.gl/U3DBMs');
  background-size: 5px 5px, 6px 10px, cover;
  background-repeat: repeat, repeat, no-repeat;
  height: 300px;
}


.sub-menu {
  position: absolute;
  top: 20%;
  left: 40%;
  font-color: #fff;
  font-family: "Courier New", Courier, monospace;
  padding: 50px 0px 50px 0px;
}

.sub-menu li {
  display: inline;
  padding: 8px 15px 8px;
  font-size: 18px;
  font-color: #fff;
}

.sub-menu a:link,
.sub-menu a:visited {
  text-decoration: none;
  color: #fff;
}

.sub-menu a:hover,
.sub-menu a:focus {
  color: #99c2ff;
  transition: all 0.3s ease 0s;
}

.apply {
  border: 2px solid #000066;
  border-radius: 5px;
  padding: 8px;
}

.logo {
  -moz-transform: scale(0.26);
  -webkit-transform: scale(0.26);
  transform: scale(0.26);
  position: relative;
}

.img {
  position: absolute;
  top: 10%;
}

.img-let {
  color: #fff;
  font-size: 4em;
}


/* body*/

body {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}


/*main header*/

.main-jumbo {
  background-color: #fff;
  height: 800px;
  background-attachment: fixed;
}


/*video*/

.video {
  width: 500px;
  height: 400px;
}


/*news */

.news-heading a:link {
  color: #660066;
}
.news-heading a:hover {
  color:#9933ff;
}

.news {
  background-color: #e6ecff;
  height: 1000px;
}

.news h2 {
  font-size: 50px;
  color: #660066;
  border-bottom-style: dotted;
  border-color: gray;
  border-width: 2px;
}

.article {
  padding-top: 8px;
  padding-bottom: 25px;
}


/* footer */

.footer {
  background-color: #ffe6f;
  padding-top: 2%;
  padding-bottom: 3%;
}

.footer p {
  font-size: .9em;
  color: #000066;
  font-family: "Tahoma",Segoe,sans-serif;
}
.foot-img {
  float: left;
  padding: 0 2% 2% 0;
}


/********** sub pages ************/

/**** news ***/


.arrow-right a:hover {
  color:  #8080ff;
}

#next,
#prev {
    color: #333;
    display: inline-block;
    font: normal bold 1em Arial,sans-serif;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: auto;
}

#next,
#prev { padding: 0.5em 1.5em }

#next { text-align: right }

#prev:before,
#prev:after { left: 0 }



#prev:after,
#next:before { margin-top: -.36em }

#next:hover,
#next:focus,
#prev:hover,
#prev:focus { color: #0000b3 }

#next:hover:before,
#next:hover:after,
#next:focus:before,
#next:focus:after,
#prev:hover:before,
#prev:hover:after,
#prev:focus:before,
#prev:focus:after { background: #0000b3 }

/* container styles  */

nav { text-align: center }



.pg-bk {
  height: 2000px;
  background-color: #e6ecff;
  border-left-style: dotted;
  border-color: #000066;
  border-width: 2px;
}

.sub-pg-news {
  padding-left: 15%;
  padding-top: 3%;
}

.sub-pg-news h2 {
  color: #660066;
  font-size: 50px;
  border-bottom-style: dotted;
  border-color: gray;
  border-width: 2px;
}

.sub-pg-news h4 {
  color: #000066;
}

/**** mission ***/
.sub-jumbo-intro {
  background-color: #e6eeff;
  border: 2px solid #e6eeff;
  border-radius: 5px;
  padding: 8px;
  
}
.sub-jumbo-intro h2 {
  text-align: center;
  font-weight: bold;
  font-family: "Verdana", Geneva, sans-serif;
  
}
.sub-jumbo-intro p {
  font-size: 1.2em;
  padding-top: 15px;
}

.sub-jumbo-intro .mis-img {
  float:right;
  padding: 5px 25px 8px 25px;
}


.sub-jumbo-intro-bot h4 {
  margin-top: 50px;
  text-indent: 20px;
  font-weight: bold;
  color: #000066;
}
.sub-jumbo-intro-bot h5 {
  text-indent: 20px;
  font-size: 1.2em;
  border-bottom-style: dotted;
  border-color: grey;
  border-width: 1px;
}

.goals {
  padding-top: 2%;
  font-size: 1.2em;
  padding: 8px;
  height: 1200px;
}
.goals p {
  padding-top: 10px;
  padding-bottom: 20px;
}

.goal-text {
  color: #e68a00;
  font-weight: bold;
}

/***** FAQ ****/
.sub-jumbo-faq .question {
  padding: .4em;
}

.sub-jumbo-faq h3 {
  color: #800080;
  text-weight: bold;
  padding-top: .5em;
}

.sub-jumbo-faq h4 {
  color: #000;
}

.sub-jumbo-faq p {
  display: none;
}
    

/*********** Faculty ******/

.first-row {
  font-size: 2em;
   color:   #6b00b3;
  padding-bottom: 3%;
}

.sub-jumbo .row {
  padding: 1em;
}

/******** Current Students *******/

.sub-jumbo-cstudents .row {
  text-align: center;
  padding: 2em;
}

.student-info h4  {
  text-align: center;
}
.student-info p {
  text-align: left;
  display: none;
}

/******** Curriculum *****/
.sub-jumbo-cur h3 {
  color:  #660066;
}

.sub-jumbo .row-section {
  font-style: italic;
  font-weight: bold;
  font-size: 1.1em;
  padding-bottom: .8em;
}
 /** cur chart **/

.cur-chart {
  padding: 0;
}

.cur-chart h3 {
  font-weight: bold;
  text-align: center;
}
.cur-chart p {
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  padding: none;
  color: #660066;
}

.cur-chart .block {
  border-style: solid; 
 
}

.cur-chart .top {
  font-weight: bold;
  color:  #006bb3;
}

.cur-chart .block-top {
  border-style: solid;
  border-top-style: dotted;
  
}

.chart-footnote {
  background-color:  #e6ffff;
}
.chart-footnote h4 {
  text-weight: bold;
  padding: 2%;
}

/******** Colloquium *******/
.colloq {
  height: 600px;
}
.colloq h3 {
  padding-top: 5%;
  font-weight: bold;
  color:  #000066;
}

.colloq p {
  text-indent: 2em;
}


/**** contact us *****/
.contact h3{
  text-align: center;
}
.contact {
  height: 1300px;
}
.doug {
  display: block;
   height: auto; 
    width: auto; 
    max-width: 300px; 
    max-height: 300px;
    margin-left: auto;
}




/*Downloaded from https://www.codeseek.co/Miraes/current-students-BjEyEp */
    $(document).ready(function() {
  $(".navbar-brand").mouseover(function () {
  $(".fa-spinner").addClass("fa-spin");
   setTimeout(function () {
       $(".fa-spinner").removeClass("fa-spin")
    }, 2000);  
});
  
  
  $(".question").click(function () {
    $(this).children('p').slideToggle("slow"); 
  });
  
  
 $(".student-info").click(function () {
   $(this).children('p').slideToggle("slow");
   
   
 });
  
  
  
  
  
  
  
  
  
  
  
  
  
  
});

Comments