7-rows edit

contact-place edit

Contact information for a location

The Haven offers in-person, virtual or phone appointments with a staff member. Drop-in hours for those without appointments are also available with our peer-advocates.

The Haven

Location

Sadler Center Suite 146P

Map & Directions

Drop-In Hours

Mon-Wed: 11am - 7pm
Thursday: 11am - 6pm
Fri-Sat: 12pm - 5pm
Sunday: 11am - 7pm

Contact Us

Email: thehaven@wm.edu
Appointments: In-person, Virtual or Phone

More about appointments, hours and 24/7 crisis support More about appointments, hours and 24/7 crisis support More about appointments, hours and 24/7 crisis support

How can we help you?

Our dedicated University Human Resources team is here to assist and support the needs of all William & Mary employees. We look forward to hearing from you.

University Human Resources

Primary Location

Bell Hall 109 Cary Street Williamsburg , VA 23185

Map & Directions

Mailing Address

William & Mary University Human Resources P. O. Box 8795 Williamsburg , VA 23187-8795

Contact Us

Email: askhr@wm.edu
Facilities Construction Phone: 757-221-3169
Fax: 757-221-7724

View all contact information

Contact Us - VIMS

A two-section example - short short

Medieval and Renaissance Studies

Mailing Address

Professor Alexander Angelov Medieval and Renaissance Studies Religious Studies, William and Mary PO Box 8795 Williamsburg , VA 23187-8795

Shipping Address

Medieval and Renaissance Studies Religious Studies, William and Mary Wren Building, Room 309 111 Jamestown Road Williamsburg , VA 23185

Get Directions

View original contact page.

No intro text no title

Mailing Address

Professor Alexander Angelov Medieval and Renaissance Studies Religious Studies, William & Mary PO Box 8795 Williamsburg , VA 23187-8795

Shipping Address

Medieval and Renaissance Studies Religious Studies, William & Mary Wren Building, Room 309 111 Jamestown Road Williamsburg , VA 23185

Get Directions

No title, no intro text, 3 sections

Main Office

William & Mary Office of Undergraduate Admission 116 Jamestown Road Williamsburg 23187-8795

Get Directions

Mailing Address

William & Mary Washington Center 4th St. NW Suite 700 Washington, D.C. 20001

Contact Us

Email: wmdccenter@wm.edu
Phone: (202) 836-8610

Contact Us - VIMS

A two-section example - short long

Office of Academic Studies

Contact Us

Address

Office of Academic Studies School of Marine Science School of Marine Science School of Marine Science School of Marine Science Virginia Institute of Marine Science 1370 Greate Road Gloucester Point, VA 23062-1346

Get Directions

A two-section example - long short

Office of Academic Studies

Address

Get Directions

Contact Us

View original contact page.

Contact Us - VIMS

A two-section example - long long

Office of Academic Studies

Address

Get Directions

Contact Us

Email School of Marine Science School of Marine Science School of Marine Science School of Marine Science
Email Admission
Email the Registrar

View original contact page.

Contact Us - Undergraduate Admission - current information

This is the way they have currently have it separated on their site, so you could see what could happen with this row. View original contact page.

Undergraduate Admission

Mailing Address

William & Mary Office of Undergraduate Admission P.O. Box 8795 Williamsburg, VA 23187-8795

DHL, Federal Express & UPS

William & Mary Office of Undergraduate Admission 116 Jamestown Road Williamsburg, VA 23185

Lobby & Office Hours

Location: 116 Jamestown Road
Hours: Monday - Friday; 8:00 a.m. - 5:00 p.m.
Phone: (757) 221-4223
Fax: (757) 221-1242
Email: admission@wm.edu
Transfer Email: transfer@wm.edu

Contact Us - Undergraduate Admission - updated for ideal row content

This has been reorganized into our row's ideal columns

Undergraduate Admission

Location and Shipping Address

William & Mary Office of Undergraduate Admission 116 Jamestown Road Williamsburg, VA 23185

Get Directions

Hours

Monday - Friday: 8:00am - 5:30pm
Summer Break: 8:00am - 5:00pm
Saturday: 10:30am-2:30pm
All Hours

Contact Us

Email: admission@wm.edu
Transfer Email: transfer@wm.edu
Phone: (757) 221-4223
Fax: (757) 221-1242

Contact Us - W&M School of Education

W&M School of Education

Physical Address (for UPS/FedEx packages)

School of Education Office of Academic Programs William & Mary 301 Monticello Avenue Williamsburg, VA 23185

Driving Directions

Mailing Address

William & Mary School of Education P.O. Box 8795 Williamsburg, VA 23187-8795

Email

Admissions: graded@wm.edu
Center for Gifted Education: cfge@wm.edu
School of Education Website: wmsoe@wm.edu

View original contact page

Contact Us - Medieval And Renaissance Studies

View original contact page

Medieval And Renaissance Studies

Director

Alexander Angelov

mailto:aangelov@wm.edu

Associate Professor of Religious Studies and David L. Holmes Professor of Reformation Studies and American Religious History

Mailing Address

Professor Alexander Angelov Medieval and Renaissance Studies Program Department of Religious Studies, William & Mary P.O. Box 8795 Williamsburg, VA 23187-8795

Shipping Address

Professor Alexander Angelov Medieval and Renaissance Studies Program Department of Religious Studies, William & Mary Wren Building, Room 309 111 Jamestown Road Williamsburg, VA 23185

HTML
Output
SCSS

Expand

Copy

Edit

<?php // SOCIAL ICONS $social = ' <div class="ContactPlaceRow__social-media"> <a class="ContactPlaceRow__social-media-icon" href="https://www.facebook.com/williamandmary" title="Facebook"><i class="fab fa-facebook" aria-hidden="true"></i><span class="sr-only">Facebook</span></a> <a class="ContactPlaceRow__social-media-icon" href="https://twitter.com/williamandmary" title="Twitter"><i class="fab fa-twitter" aria-hidden="true"></i><span class="sr-only">Twitter</span></a> <a class="ContactPlaceRow__social-media-icon" href="https://www.youtube.com/williamandmary" title="YouTube"><i class="fab fa-youtube" aria-hidden="true"></i><span class="sr-only">YouTube</span></a> <a class="ContactPlaceRow__social-media-icon" href="https://www.linkedin.com/edu/school?id=19598" title="LinkedIn"><i class="fab fa-linkedin-in" aria-hidden="true"></i><span class="sr-only">LinkedIn</span></a> </div> '; ?> <section class="page-theme-wrapper h-theme-white"> <div class="wm-row ContactPlaceRow h-theme-green"> <div class="wm-row__mainWrapper"> <h3 class="wm-row__title ContactPlaceRow__title sr-only">Contact Us</h3> <div class="wm-row__intro-text ContactPlaceRow__intro-text"> <p>The Haven offers in-person, virtual or phone appointments with a staff member. Drop-in hours for those without appointments are also available with our peer-advocates.</p> </div> <div class="ContactPlaceRow__info-container h-theme-card"> <div class="ContactPlaceRow__dept-container"> <h5 class="ContactPlaceRow__dept-title ">The Haven</h5> </div> <address class="ContactPlaceRow__text-container"> <div class="ContactPlaceRow__address ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title ContactPlaceRow__section">Location</h6> <p class="ContactPlaceRow__info-text --address"> <span class="ContactPlaceRow__info-text">Sadler Center</span> <span class="ContactPlaceRow__info-text">Suite 146P</span> </p> <a class="ContactPlaceRow__link ContactPlaceRow__directions-link" href="/about/visiting/campusmap/location/sadler.php">Map & Directions</a> </div> <div class="ContactPlaceRow__hours ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title ContactPlaceRow__section-hours">Drop-In Hours</h6> <ul class="ContactPlaceRow__info-text"> <li><span class="ContactPlaceRow__info-label">Mon-Wed:</span> <span class="ContactPlaceRow__info-label-text">11am - 7pm</span></li> <li><span class="ContactPlaceRow__info-label">Thursday:</span> <span class="ContactPlaceRow__info-label-text">11am - 6pm</span></li> <li><span class="ContactPlaceRow__info-label">Fri-Sat:</span> <span class="ContactPlaceRow__info-label-text">12pm - 5pm</span></li> <li><span class="ContactPlaceRow__info-label">Sunday:</span> <span class="ContactPlaceRow__info-label-text">11am - 7pm</span></li> </ul> </div> <div class="ContactPlaceRow__contact ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title ContactPlaceRow__section-contact">Contact Us</h6> <ul class="ContactPlaceRow__info-text"> <li><span class="ContactPlaceRow__info-label">Email:</span> <a class="ContactPlaceRow__link ContactPlaceRow__info-label-text --email" href="mailto:thehaven@wm.edu">thehaven@wm.edu</a> </li> <li><span class="ContactPlaceRow__info-label">Appointments:</span> <a href="https://thehaven.10to8.com">In-person, Virtual or Phone</a> </li> </ul> </div> </address> </div> <a class="wm-row__moreButton ContactPlaceRow__moreButton" href="/offices/thehaven/hours-contact/index.php" target="_self">More about appointments, hours and 24/7 crisis support More about appointments, hours and 24/7 crisis support More about appointments, hours and 24/7 crisis support</a> </div> </div> </section> <section class="page-theme-wrapper h-theme-silver"> <div class="wm-row ContactPlaceRow h-theme-silver"> <div class="wm-row__mainWrapper"> <h3 class="wm-row__title ContactPlaceRow__title">How can we help you?</h3> <div class="wm-row__intro-text ContactPlaceRow__intro-text"> <p><span>Our dedicated <a href="/offices/uhr-new/about/staffdirectory/index.php">University Human Resources team</a> is here to assist and support the needs of all William & Mary employees. We look forward to hearing from you.</span><span></span></p> </div> <div class="ContactPlaceRow__info-container h-theme-card"> <div class="ContactPlaceRow__dept-container"> <h5 class="ContactPlaceRow__dept-title ">University Human Resources</h5> <div class="ContactPlaceRow__social-media"><a class="ContactPlaceRow__social-media-icon" href="https://www.facebook.com/wmhrsocialmedia" title="Facebook"> <i class="fab fa-facebook" aria-hidden="true"></i> <span class="sr-only">Facebook</span> </a><a class="ContactPlaceRow__social-media-icon" href="https://instagram.com/wmhr1693" title="Instagram"> <i class="fab fa-instagram" aria-hidden="true"></i> <span class="sr-only">Instagram</span> </a><a class="ContactPlaceRow__social-media-icon" href="https://www.youtube.com/channel/UCDrgf9JKMrdwQp9uUvkR0Ug" title="YouTube"> <i class="fab fa-youtube" aria-hidden="true"></i> <span class="sr-only">YouTube</span> </a></div> </div> <address class="ContactPlaceRow__text-container"> <div class="ContactPlaceRow__address ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title ContactPlaceRow__section">Primary Location</h6> <p class="ContactPlaceRow__info-text --address"> <span class="ContactPlaceRow__info-text">Bell Hall</span> <span class="ContactPlaceRow__info-text">109 Cary Street</span> <span class="ContactPlaceRow__info-text">Williamsburg , VA 23185 </span> </p> <a class="ContactPlaceRow__link ContactPlaceRow__directions-link" href="/about/visiting/campusmap/location/bell.php">Map & Directions</a> </div> <div class="ContactPlaceRow__address ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title ContactPlaceRow__section">Mailing Address</h6> <p class="ContactPlaceRow__info-text --address"> <span class="ContactPlaceRow__info-text">William & Mary</span> <span class="ContactPlaceRow__info-text">University Human Resources</span> <span class="ContactPlaceRow__info-text">P. O. Box 8795</span> <span class="ContactPlaceRow__info-text">Williamsburg , VA 23187-8795 </span> </p> </div> <div class="ContactPlaceRow__contact ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title ContactPlaceRow__section-contact">Contact Us</h6> <ul class="ContactPlaceRow__info-text"> <li class="--email"><span class="ContactPlaceRow__info-label">Email:</span> <span class="ContactPlaceRow__link ContactPlaceRow__info-label-text"> <span class=" js-wm-shortcode"><a href="mailto:askhr@wm.edu">askhr@wm.edu</a></span> </span> </li> <li class="--phone-number"><span class=" ContactPlaceRow__info-label">Facilities Construction Phone:</span> <a class="ContactPlaceRow__link ContactPlaceRow__info-label-text" href="tel:757-221-3169">757-221-3169</a></li> <li class="--phone-number"><span class=" ContactPlaceRow__info-label">Fax:</span> <a class="ContactPlaceRow__link ContactPlaceRow__info-label-text" href="tel:757-221-7724">757-221-7724</a></li> </ul> </div> </address> </div> <a class="wm-row__moreButton ContactPlaceRow__moreButton" href="/" target="_self">View all contact information</a> </div> </div> </section>  <div class="ContactPlaceRow wm-row h-theme-green"> <div class="wm-row__mainWrapper"> <h3 class="wm-row__title ContactPlaceRow__title">Contact Us - VIMS</h3> <div class="wm-row__intro-text ContactPlaceRow__intro-text"> <p>A two-section example - short short</p> </div> <div class=" ContactPlaceRow__info-container h-theme-card --sections2"> <div class="ContactPlaceRow__dept-container"> <h3 class="ContactPlaceRow__dept-title ">Medieval and Renaissance Studies</h3> </div> <address class="ContactPlaceRow__text-container"> <div class="ContactPlaceRow__address ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title ContactPlaceRow__section">Mailing Address</h6> <p class="ContactPlaceRow__info-text --address"> <span class="ContactPlaceRow__info-text">Professor Alexander Angelov</span> <span class="ContactPlaceRow__info-text">Medieval and Renaissance Studies</span> <span class="ContactPlaceRow__info-text">Religious Studies, William and Mary</span> <span class="ContactPlaceRow__info-text">PO Box 8795</span> <span class="ContactPlaceRow__info-text">Williamsburg , VA 23187-8795 </span> </p> </div> <div class="ContactPlaceRow__address ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title ContactPlaceRow__section">Shipping Address</h6> <p class="ContactPlaceRow__info-text --address"> <span class="ContactPlaceRow__info-text">Medieval and Renaissance Studies</span> <span class="ContactPlaceRow__info-text">Religious Studies, William and Mary</span> <span class="ContactPlaceRow__info-text">Wren Building, Room 309</span> <span class="ContactPlaceRow__info-text">111 Jamestown Road</span> <span class="ContactPlaceRow__info-text">Williamsburg , VA 23185 </span> </p> <a class="ContactPlaceRow__link ContactPlaceRow__directions-link" href="/entity/open.act?type=page&id=6b4e08b680ef3ce6240b13a8057702df&confId=5315168c80ef3ce63e2cc207d6839976" target="_parent">Get Directions</a> </div> </address> </div> <a class="wm-row__moreButton ContactPlaceRow__moreButton" href="https://www.vims.edu/about/leadership_admin/academic_studies/index.php">View original contact page.</a> </div> </div>  <div class="wm-row ContactPlaceRow h-theme-silver"> <div class="wm-row__mainWrapper"> <h3 class="wm-row__title ContactPlaceRow__title sr-only">No intro text no title</h3> <div class="ContactPlaceRow__info-container h-theme-card --sections2"> <div class="ContactPlaceRow__dept-container"> <h3 class="ContactPlaceRow__dept-title ">No intro text no title</h3> </div> <address class="ContactPlaceRow__text-container"> <div class="ContactPlaceRow__address ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title ContactPlaceRow__section">Mailing Address</h6> <p class="ContactPlaceRow__info-text --address"> <span class="ContactPlaceRow__info-text">Professor Alexander Angelov</span> <span class="ContactPlaceRow__info-text">Medieval and Renaissance Studies</span> <span class="ContactPlaceRow__info-text">Religious Studies, William & Mary</span> <span class="ContactPlaceRow__info-text">PO Box 8795</span> <span class="ContactPlaceRow__info-text">Williamsburg , VA 23187-8795 </span> </p> </div> <div class="ContactPlaceRow__address ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title ContactPlaceRow__section">Shipping Address</h6> <p class="ContactPlaceRow__info-text --address"> <span class="ContactPlaceRow__info-text">Medieval and Renaissance Studies</span> <span class="ContactPlaceRow__info-text">Religious Studies, William & Mary</span> <span class="ContactPlaceRow__info-text">Wren Building, Room 309</span> <span class="ContactPlaceRow__info-text">111 Jamestown Road</span> <span class="ContactPlaceRow__info-text">Williamsburg , VA 23185 </span> </p> <a class="ContactPlaceRow__link ContactPlaceRow__directions-link" href="/entity/open.act?type=page&id=6b4e08b680ef3ce6240b13a8057702df&confId=5315168c80ef3ce63e2cc207d6839976" target="_parent">Get Directions</a> </div> </address> </div> </div> </div> <section class="h-theme-white"> <div class="ContactPlaceRow wm-row h-theme-green"> <div class="wm-row__mainWrapper"> <h3 class="wm-row__title ContactPlaceRow__title sr-only">Contact Us - D.C.</h3> <div class="ContactPlaceRow__info-container h-theme-card"> <div class="ContactPlaceRow__dept-container"> <h3 class="ContactPlaceRow__dept-title ">No title, no intro text, 3 sections</h3> <?php echo $social; ?> </div> <address class="ContactPlaceRow__text-container"> <div class="ContactPlaceRow__address ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title">Main Office</h6> <p class="ContactPlaceRow__info-text --address"> <span class="ContactPlaceRow__info-text">William & Mary</span> <span class="ContactPlaceRow__info-text">Office of Undergraduate Admission</span> <span class="ContactPlaceRow__info-text">116 Jamestown Road</span> <span class="ContactPlaceRow__info-text">Williamsburg 23187-8795 </span> </p> <a href="" class="ContactPlaceRow__link ContactPlaceRow__directions-link">Get Directions </a> </div> <div class="ContactPlaceRow__address ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title">Mailing Address</h6> <p class="ContactPlaceRow__info-text --address"> <span class="ContactPlaceRow__info-text">William & Mary Washington Center</span> <span class="ContactPlaceRow__info-text">4th St. NW Suite 700</span> <span class="ContactPlaceRow__info-text">Washington, D.C. 20001</span> </p> </div> <div class="ContactPlaceRow__contact ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title">Contact Us</h6> <ul class="ContactPlaceRow__info-text"> <li><span class="ContactPlaceRow__info-label">Email:</span> <a class="ContactPlaceRow__link ContactPlaceRow__info-label-text" href="mailto:">wmdccenter@wm.edu</a> </li> <li><span class="ContactPlaceRow__info-label">Phone:</span> <a class="ContactPlaceRow__link ContactPlaceRow__info-label-text --phone-number" href="tel:">(202) 836-8610</a> </li> </ul> </div> </address> </div> </div> </div> </section> <section class="h-theme-silver"> <div class="ContactPlaceRow wm-row h-theme-green"> <div class="wm-row__mainWrapper"> <h3 class="wm-row__title ContactPlaceRow__title">Contact Us - VIMS</h3> <div class="wm-row__intro-text ContactPlaceRow__intro-text"> <p>A two-section example - short long</p> </div> <div class="twosectionwrapper"> <div class=" ContactPlaceRow__info-container h-theme-card --sections2"> <div class="ContactPlaceRow__dept-container"> <h3 class="ContactPlaceRow__dept-title ">Office of Academic Studies</h3> </div> <address class="ContactPlaceRow__text-container"> <div class="ContactPlaceRow__contact ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title">Contact Us</h6> <ul class="ContactPlaceRow__info-text"> <li><span class="ContactPlaceRow__info-label">Email</span> <a class="ContactPlaceRow__link ContactPlaceRow__info-label-text" href="mailto:">the Office of Academic Studies</a> </li> <li><span class="ContactPlaceRow__info-label">Email</span> <a class="ContactPlaceRow__link ContactPlaceRow__info-label-text" href="mailto:">Admission</a> </li> <li><span class="ContactPlaceRow__info-label">Email the</span> <a class="ContactPlaceRow__link ContactPlaceRow__info-label-textv" href="mailto:">Registrar</a> </li> </ul> </div> <div class="ContactPlaceRow__address ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title">Address</h6> <p class="ContactPlaceRow__info-text --address">Office of Academic Studies</span> <span class="ContactPlaceRow__info-text">School of Marine Science School of Marine Science School of Marine Science School of Marine Science</span> <span class="ContactPlaceRow__info-text">Virginia Institute of Marine Science</span> <span class="ContactPlaceRow__info-text">1370 Greate Road</span> <span class="ContactPlaceRow__info-text">Gloucester Point, VA 23062-1346</span> </p> <a href="https://www.vims.edu/about/leadership_admin/academic_studies/index.php" class="ContactPlaceRow__link ContactPlaceRow__directions-link">Get Directions</a> </div> </address> </div> </div> </div> </div> </section> <section class="h-theme-silver"> <div class="ContactPlaceRow wm-row h-theme-green"> <div class="wm-row__mainWrapper"> <h3 class="wm-row__title ContactPlaceRow__title sr-only">Contact Us - VIMS</h3> <div class="wm-row__intro-text ContactPlaceRow__intro-text"> <p>A two-section example - long short</p> </div> <div class="twosectionwrapper"> <div class=" ContactPlaceRow__info-container h-theme-card --sections2"> <div class="ContactPlaceRow__dept-container"> <h3 class="ContactPlaceRow__dept-title ">Office of Academic Studies</h3> </div> <address class="ContactPlaceRow__text-container"> <div class="ContactPlaceRow__address ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title">Address</h6> <p class="ContactPlaceRow__info-text --address">Office of Academic Studies</span> <span class="ContactPlaceRow__info-text">School of Marine Science School of Marine Science School of Marine Science School of Marine Science</span> <span class="ContactPlaceRow__info-text">Virginia Institute of Marine Science</span> <span class="ContactPlaceRow__info-text">1370 Greate Road</span> <span class="ContactPlaceRow__info-text">Gloucester Point, VA 23062-1346</span> </p> <a href="https://www.vims.edu/about/leadership_admin/academic_studies/index.php" class="ContactPlaceRow__link ContactPlaceRow__directions-link">Get Directions</a> </div> <div class="ContactPlaceRow__contact ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title">Contact Us</h6> <ul class="ContactPlaceRow__info-text"> <li><span class="ContactPlaceRow__info-label">Email</span> <a class="ContactPlaceRow__link ContactPlaceRow__info-label-text" href="mailto:">the Office of Academic Studies</a> </li> <li><span class="ContactPlaceRow__info-label">Email</span> <a class="ContactPlaceRow__link ContactPlaceRow__info-label-text" href="mailto:">Admission</a> </li> <li><span class="ContactPlaceRow__info-label">Email the</span> <a class="ContactPlaceRow__link ContactPlaceRow__info-label-textv" href="mailto:">Registrar</a> </li> </ul> </div> </address> </div> </div> <a class="wm-row__moreButton ContactPlaceRow__moreButton" href="https://www.vims.edu/about/leadership_admin/academic_studies/index.php">View original contact page.</a> </div> </div> </section> <section class="h-theme-silver"> <div class="ContactPlaceRow wm-row h-theme-green"> <div class="wm-row__mainWrapper"> <h3 class="wm-row__title ContactPlaceRow__title">Contact Us - VIMS</h3> <div class="wm-row__intro-text ContactPlaceRow__intro-text"> <p>A two-section example - long long</p> </div> <div class="twosectionwrapper"> <div class=" ContactPlaceRow__info-container h-theme-card --sections2"> <div class="ContactPlaceRow__dept-container"> <h3 class="ContactPlaceRow__dept-title ">Office of Academic Studies</h3> </div> <address class="ContactPlaceRow__text-container"> <div class="ContactPlaceRow__address ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title">Address</h6> <p class="ContactPlaceRow__info-text --address">Office of Academic Studies</span> <span class="ContactPlaceRow__info-text">School of Marine Science School of Marine Science School of Marine Science School of Marine Science</span> <span class="ContactPlaceRow__info-text">Virginia Institute of Marine Science</span> <span class="ContactPlaceRow__info-text">1370 Greate Road</span> <span class="ContactPlaceRow__info-text">Gloucester Point, VA 23062-1346</span> </p> <a href="https://www.vims.edu/about/leadership_admin/academic_studies/index.php" class="ContactPlaceRow__link ContactPlaceRow__directions-link">Get Directions</a> </div> <div class="ContactPlaceRow__contact ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title">Contact Us</h6> <ul class="ContactPlaceRow__info-text"> <li><span class="ContactPlaceRow__info-label">Email</span> <a class="ContactPlaceRow__link ContactPlaceRow__info-label-text" href="mailto:">School of Marine Science School of Marine Science School of Marine Science School of Marine Science</a> </li> <li><span class="ContactPlaceRow__info-label">Email</span> <a class="ContactPlaceRow__link ContactPlaceRow__info-label-text" href="mailto:">Admission</a> </li> <li><span class="ContactPlaceRow__info-label">Email the</span> <a class="ContactPlaceRow__link ContactPlaceRow__info-label-textv" href="mailto:">Registrar</a> </li> </ul> </div> </address> </div> </div> <a class="wm-row__moreButton ContactPlaceRow__moreButton" href="https://www.vims.edu/about/leadership_admin/academic_studies/index.php">View original contact page.</a> </div> </div> </section> <section class="h-theme-white"> <div class="ContactPlaceRow wm-row h-theme-green"> <div class="wm-row__mainWrapper"> <h3 class="wm-row__title ContactPlaceRow__title">Contact Us - Undergraduate Admission - current information</h3> <div class="wm-row__intro-text ContactPlaceRow__intro-text"> <p>This is the way they have currently have it separated on their site, so you could see what could happen with this row. <a href="https://www.wm.edu/admission/undergraduateadmission/contactus/index.php">View original contact page.</a></p> </div> <div class="ContactPlaceRow__info-container h-theme-card"> <div class="ContactPlaceRow__dept-container"> <h3 class="ContactPlaceRow__dept-title ">Undergraduate Admission</h3> </div> <address class="ContactPlaceRow__text-container"> <div class="ContactPlaceRow__address ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title">Mailing Address</h6> <p class="ContactPlaceRow__info-text --address"> <span class="ContactPlaceRow__info-text">William & Mary</span> <span class="ContactPlaceRow__info-text">Office of Undergraduate Admission</span> <span class="ContactPlaceRow__info-text">P.O. Box 8795</span> <span class="ContactPlaceRow__info-text">Williamsburg, VA 23187-8795</span> </p> </div> <div class="ContactPlaceRow__address ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title">DHL, Federal Express & UPS</h6> <p class="ContactPlaceRow__info-text --address"> <span class="ContactPlaceRow__info-text">William & Mary</span> <span class="ContactPlaceRow__info-text">Office of Undergraduate Admission</span> <span class="ContactPlaceRow__info-text">116 Jamestown Road</span> <span class="ContactPlaceRow__info-text">Williamsburg, VA 23185</span> </p> </div> <div class="ContactPlaceRow__contact ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title">Lobby & Office Hours</h6> <ul class="ContactPlaceRow__info-text"> <li><span class="ContactPlaceRow__info-label">Location:</span> <a class="ContactPlaceRow__link ContactPlaceRow__info-label-text" href="mailto:">116 Jamestown Road</a><br /> <span class="ContactPlaceRow__info-label">Hours:</span> <span class="ContactPlaceRow__info-label-text">Monday - Friday; 8:00 a.m. - 5:00 p.m.</span> </li> <li><span class="ContactPlaceRow__info-label">Phone:</span> <a class="ContactPlaceRow__link ContactPlaceRow__info-label-text" href="mailto:"> (757) 221-4223</a> </li> <li><span class="ContactPlaceRow__info-label">Fax:</span> <a class="ContactPlaceRow__link ContactPlaceRow__info-label-text" href="mailto:">(757) 221-1242</a> </li> <li><span class="ContactPlaceRow__info-label">Email:</span> <a class="ContactPlaceRow__link ContactPlaceRow__info-label-text" href="mailto:">admission@wm.edu</a> </li> <li><span class="ContactPlaceRow__info-label">Transfer Email:</span> <a class="ContactPlaceRow__link ContactPlaceRow__info-label-text" href="mailto:">transfer@wm.edu</a> </li> </ul> </div> </address> </div> </div> </section> <section class="h-theme-green"> <div class="ContactPlaceRow wm-row h-theme-green"> <div class="wm-row__mainWrapper"> <h3 class="wm-row__title ContactPlaceRow__title">Contact Us - Undergraduate Admission - updated for ideal row content</h3> <div class="wm-row__intro-text ContactPlaceRow__intro-text"> <p>This has been reorganized into our row's ideal columns</p> </div> <div class="ContactPlaceRow__info-container h-theme-card"> <div class="ContactPlaceRow__dept-container"> <h3 class="ContactPlaceRow__dept-title ">Undergraduate Admission</h3> </div> <address class="ContactPlaceRow__text-container"> <div class="ContactPlaceRow__address ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title">Location and Shipping Address</h6> <p class="ContactPlaceRow__info-text --address"> <span class="ContactPlaceRow__info-text">William & Mary</span> <span class="ContactPlaceRow__info-text">Office of Undergraduate Admission</span> <span class="ContactPlaceRow__info-text">116 Jamestown Road</span> <span class="ContactPlaceRow__info-text">Williamsburg, VA 23185</span> </p> <a href="https://www.wm.edu/admission/undergraduateadmission/contactus/index.php" class="ContactPlaceRow__link ContactPlaceRow__directions-link">Get Directions</a> </div> <div class="ContactPlaceRow__hours ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title">Hours</h6> <ul class="ContactPlaceRow__info-text"> <li><span class="ContactPlaceRow__info-label">Monday - Friday:</span> <span class="ContactPlaceRow__info-label-text">8:00am - 5:30pm</span></li> <li><span class="ContactPlaceRow__info-label">Summer Break:</span> <span class="ContactPlaceRow__info-label-text">8:00am - 5:00pm</span></li> <li><span class="ContactPlaceRow__info-label">Saturday:</span> <span class="ContactPlaceRow__info-label-text">10:30am-2:30pm</span><br /> </li> <li><a href="" class="ContactPlaceRow__link ContactPlaceRow__directions-link">All Hours</a></li> </ul> </div> <div class="ContactPlaceRow__contact ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title">Contact Us</h6> <ul class="ContactPlaceRow__info-text"> <li><span class="ContactPlaceRow__info-label">Email:</span> <a class="ContactPlaceRow__link ContactPlaceRow__info-label-text" href="mailto:">admission@wm.edu</a> </li> <li><span class="ContactPlaceRow__info-label">Transfer Email:</span> <a class="ContactPlaceRow__link ContactPlaceRow__info-label-text" href="mailto:">transfer@wm.edu</a> </li> <li><span class="ContactPlaceRow__info-label">Phone:</span> <a class="ContactPlaceRow__link ContactPlaceRow__info-label-text" href="mailto:"> (757) 221-4223</a> </li> <li><span class="ContactPlaceRow__info-label">Fax:</span> <a class="ContactPlaceRow__link ContactPlaceRow__info-label-text" href="mailto:">(757) 221-1242</a> </li> </ul> </div> </address> </div> </div> </div> </section> <section class="h-theme-silver"> <div class="ContactPlaceRow wm-row h-theme-green"> <div class="wm-row__mainWrapper"> <h3 class="wm-row__title ContactPlaceRow__title">Contact Us - W&M School of Education</h3> <div class="ContactPlaceRow__info-container h-theme-card"> <div class="ContactPlaceRow__dept-container"> <h3 class="ContactPlaceRow__dept-title ">W&M School of Education</h3> </div> <address class="ContactPlaceRow__text-container"> <div class="ContactPlaceRow__address ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title">Physical Address (for UPS/FedEx packages)</h6> <p class="ContactPlaceRow__info-text --address"> <span class="ContactPlaceRow__info-text">School of Education</span> <span class="ContactPlaceRow__info-text">Office of Academic Programs</span> <span class="ContactPlaceRow__info-text">William & Mary</span> <span class="ContactPlaceRow__info-text">301 Monticello Avenue</span> <span class="ContactPlaceRow__info-text">Williamsburg, VA 23185</span> </p> <a href="https://education.wm.edu/contactus/index.php" class="ContactPlaceRow__link ContactPlaceRow__directions-link">Driving Directions</a> </div> <div class="ContactPlaceRow__address ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title">Mailing Address</h6> <p class="ContactPlaceRow__info-text --address"> <span class="ContactPlaceRow__info-text">William & Mary</span> <span class="ContactPlaceRow__info-text">School of Education</span> <span class="ContactPlaceRow__info-text">P.O. Box 8795</span> <span class="ContactPlaceRow__info-text">Williamsburg, VA 23187-8795</span> </p> </div> <div class="ContactPlaceRow__contact ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title">Email</h6> <ul class="ContactPlaceRow__info-text"> <li><span class="ContactPlaceRow__info-label">Admissions:</span> <a class="ContactPlaceRow__link ContactPlaceRow__info-label-text" href="mailto:">graded@wm.edu</a> </li> <li><span class="ContactPlaceRow__info-label">Center for Gifted Education:</span> <a class="ContactPlaceRow__link ContactPlaceRow__info-label-text" href="mailto:">cfge@wm.edu</a> </li> <li><span class="ContactPlaceRow__info-label">School of Education Website:</span> <a class="ContactPlaceRow__link ContactPlaceRow__info-label-text" href="mailto:">wmsoe@wm.edu</a> </li> </ul> </div> </address> </div> </div> <a class="wm-row__moreButton ContactPlaceRow__moreButton" href="https://education.wm.edu/contactus/index.php">View original contact page</a> </div> </section> <section class="h-theme-green"> <div class="ContactPlaceRow wm-row h-theme-green"> <div class="wm-row__mainWrapper"> <h3 class="wm-row__title ContactPlaceRow__title">Contact Us - Medieval And Renaissance Studies</h3> <div class="wm-row__intro-text ContactPlaceRow__intro-text"> <p><a href="https://www.wm.edu/as/medren/contactus/index.php">View original contact page</a></p> </div> <div class="ContactPlaceRow__info-container h-theme-card"> <div class="ContactPlaceRow__dept-container"> <h3 class="ContactPlaceRow__dept-title ">Medieval And Renaissance Studies</h3> </div> <address class="ContactPlaceRow__text-container"> <div class="ContactPlaceRow__contact ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title">Director</h6> <p class="ContactPlaceRow__info-text"> <span class="ContactPlaceRow__info-label">Alexander Angelov</span> <li><a class="ContactPlaceRow__link ContactPlaceRow__info-label-text" href="mailto:">mailto:aangelov@wm.edu</a> <p>Associate Professor of Religious Studies and David L. Holmes Professor of Reformation Studies and American Religious History </p> </p> </div> <div class="ContactPlaceRow__address ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title">Mailing Address</h6> <p class="ContactPlaceRow__info-text --address"> <span class="ContactPlaceRow__info-text">Professor Alexander Angelov</span> <span class="ContactPlaceRow__info-text">Medieval and Renaissance Studies Program</span> <span class="ContactPlaceRow__info-text">Department of Religious Studies, William & Mary</span> <span class="ContactPlaceRow__info-text">P.O. Box 8795</span> <span class="ContactPlaceRow__info-text">Williamsburg, VA 23187-8795</span> </p> </div> <div class="ContactPlaceRow__address ContactPlaceRow__info-section"> <h6 class="ContactPlaceRow__info-title">Shipping Address</h6> <p class="ContactPlaceRow__info-text --address"> <span class="ContactPlaceRow__info-text">Professor Alexander Angelov</span> <span class="ContactPlaceRow__info-text">Medieval and Renaissance Studies Program</span> <span class="ContactPlaceRow__info-text">Department of Religious Studies, William & Mary</span> <span class="ContactPlaceRow__info-text">Wren Building, Room 309</span> <span class="ContactPlaceRow__info-text">111 Jamestown Road</span> <span class="ContactPlaceRow__info-text">Williamsburg, VA 23185</span> </p> </div> </address> </div> </div> </div> </section>

Copy

Edit

/* scss/7-rows/_contact-place.scss */ // TODO: update px to rems $mobile-gap: clamp(22px, 12%, 44px); $desktop-gap: clamp(44px, 6%, 60px); $min-section-width: 220px; $dept-section-width: 272px; $cu-two-col-bp: 750px; $cu-three-col-bp: 874px; $cu-2section-three-col-bp: 980px; $cu-four-col: 1201px; // RESPONSIVE LAYOUT STYLES // MOBILE/DEFAULT = ONE COLUMN .ContactPlaceRow { // __info-container provides main grid layout // __dept-container provides flex layout for dept section &__info-container { display: grid; grid-template-columns: repeat(auto-fit, 100%); align-content: space-around; justify-content: normal; gap: 0; background-color: transparent; } &__dept-container { display: flex; flex-direction: column; justify-content: flex-start; width: 100%; position: relative; padding: kspaces(lg) kspaces(sm); padding-bottom: 0; background-color: var(--theme-base-color); // add divider &::after { content: ""; display: block; position: absolute; bottom: 0; left: kspaces(sm); width: calc(100% - (kspaces(sm) * 2)); height: 1px; background-color: var(--color-wmgreen-90); } } &__social-media { @include social-icons-wrapper(); margin-top: toRem(16); } &__dept-container > *:last-child { margin-bottom: 22px; } &__text-container { width: 100%; display: grid; grid-template-columns: repeat(auto-fit, 100%); align-content: space-around; justify-content: normal; gap: kspaces(sm); padding: 22px kspaces(sm); background-color: var(--theme-base-color); } // TWO COLUMNS @include breakpoint($cu-two-col-bp) { &__info-container { grid-template-columns: min(calc($dept-section-width + 44px + 35px), 46%) 1fr; &.--sections2 { flex-wrap: nowrap; max-width: 1288px; // margin: 0 auto; // margin-top: kspaces(md); display: flex; width: 100%; justify-content: center; } } &__dept-container { gap: 0; padding: $mobile-gap $desktop-gap; padding-left: 44px; padding-right: $desktop-gap; max-width: calc($dept-section-width + 44px + 35px); .--sections2 & { // max-width: min(calc($dept-section-width + 44px + 35px + 15px), 50%); } } &__dept-container:after { // update dividing line width: 1px; height: calc(100% - (kspaces(sm) * 2)); bottom: kspaces(sm); left: 100%; } &__social-media { margin-top: toRem(27); } &__dept-container > *:last-child { margin-bottom: 0; } &__text-container { grid-template-columns: repeat(auto-fit, minmax($min-section-width, auto)); padding: $mobile-gap $desktop-gap; } } // THREE COLUMNS FOR 3 SECTION ROWS @include breakpoint($cu-three-col-bp) { &__text-container { grid-template-columns: repeat(auto-fit, minmax($min-section-width, auto)); } } // THREE COLUMNS FOR 2 SECTION ROWS @include breakpoint($cu-2section-three-col-bp) { &__info-container { max-width: 1288px; // margin: 0 auto; // margin-top: kspaces(md); // display: flex; // width: 100%; // justify-content: center; // min-width: 713px; } & .--sections2 &__text-container { gap: kspaces(sm) kspaces(lg); flex-grow: 1; flex-shrink: 1; flex-basis: 0; display: flex; flex-wrap: wrap; max-width: max-content; min-width: min(464px, 80%); } & .--sections2 &__text-container > * { flex-grow: 1; flex-shrink: 1; flex-basis: 0; max-width: max-content; min-width: 220px; } } // FOUR COLUMNS @include breakpoint($cu-four-col) { } } // grid notes: // repeat(auto-fit,...) = adjust the column size and wrapping so that the elements will wrap into rows when the width is not large enough to fit them without any overflow. // auto-fit = fit the currently available columns into the space by expanding them so that they take up any available space (vs auto-fill, which adds more columns) // minmax(minsize, auto) = keep columns between minsize and max-content // auto = As a maximum, identical to max-content. As a minimum it represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track https://developer.mozilla.org/en-US/docs/Web/CSS/minmax // FORMATTING STYLES .ContactPlaceRow { &__info-container { text-align: left; color: var(--theme-text-color); } // dept section &__dept-title { font-family: font(heading-serif); font-weight: 500; font-size: 35px; margin: 0; line-height: 1.2; color: var(--theme-title-color); @include breakpoint($cu-two-col-bp) { font-size: clamp(1.875rem, -0.4688rem + 5vw, 2.1875rem); } } &__social-media { & > * { @include social-icons(); min-height: 22px; color: var(--theme-title-color) !important; } flex-wrap: wrap; } // text sections ul, li { margin: 0; padding: 0; list-style: none; } & address { font-style: normal; } &__link, &__link a { margin: 0; } .--phone-number &__link, .--phone-number &__link a { font-weight: normal !important; color: var(--theme-text-color) !important; } .--phone-number &__link:hover, .--phone-number &__link a:hover { text-decoration: none; } & p:last-of-type { // fixes gap between last p and directions margin-bottom: 0; } &__directions-link { display: inline-block; position: relative; color: var(--theme-title-color) !important; font-weight: normal !important; @include rightarrow( $color: var(--color-wmgold-55), $paddingfromtext: 5px, $movementamount: 9px, $useFontAwesome: true ); margin-top: 7px; font-size: 14px; } &__info-title { margin: 0; margin-bottom: 7px; font-size: $base-text-size; color: var(--theme-title-color); } &__info-text { margin-left: 0; } &__info-text + &__info-title { margin-top: 1em; } &__info-label { font-weight: bold; } // have hours, emails, and phone numbers not break while wrapping &__hours &__info-label-text, .--phone-number &__info-label-text, .--email-address &__info-label-text { white-space: nowrap; } // indent second line of address fields/ .--address &__info-text { display: block; margin-left: 13px; text-indent: -13px; } &__moreButton { // arrow styles come from wm-row-base-component.scss margin-top: kspaces(lg); &:after { bottom: -2px; } } }