<!DOCTYPE html>
<html lang="en">
<head>
 
    <title>Classes | Jennifer Yuan Chinese Brush Painting and Calligraphy 袁峥的国画</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
  <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
  <style>
  body {
    font: 400 15px/1.8 Lato, sans-serif;
    color: #777;
    padding-top: 100px; 
  }
  h3, h4 {
    margin: 10px 0 30px 0;
    letter-spacing: 10px;      
    font-size: 20px;
    color: #111;
  }
  .container {
    padding: 80px 120px;
  }
  .person {
    border: 10px solid transparent;
    margin-bottom: 25px;
    width: 80%;
    height: 80%;
    opacity: 0.7;
  }
  .person:hover {
    border-color: #f1f1f1;
  }
  .carousel-inner img {
    -webkit-filter: grayscale(90%);
    filter: grayscale(0%); /* make all photos black and white */ 
    width: 100%; /* Set width to 100% */
    margin: auto;
  }
  .carousel-caption h3 {
    color: #fff !important;
  }
  @media (max-width: 600px) {
    .carousel-caption {
      display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
    }
  }
  .bg-1 {
    background: #2d2d30;
    color: #bdbdbd;
  }
  .bg-1 h3 {color: #fff;}
  .bg-1 p {font-style: italic;}
  .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  .list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .thumbnail {
    padding: 0 0 15px 0;
    border: none;
    border-radius: 0;
  }
  .thumbnail p {
    margin-top: 15px;
    color: #555;
  }
  .btn {
    padding: 10px 20px;
    background-color: #333;
    color: #f1f1f1;
    border-radius: 0;
    transition: .2s;
  }
  .btn:hover, .btn:focus {
    border: 1px solid #333;
    background-color: #fff;
    color: #000;
  }
  .modal-header, h4, .close {
    background-color: #333;
    color: #fff !important;
    text-align: center;
    font-size: 30px;
  }
  .modal-header, .modal-body {
    padding: 40px 50px;
  }
  .nav-tabs li a {
    color: #777;
  }
  #googleMap {
    width: 100%;
    height: 400px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
  }  
  .navbar {
    font-family: Montserrat, sans-serif;
    margin-bottom: 0;
    background-color: #2d2d30;
    border: 0;
    font-size: 11px !important;
    letter-spacing: 4px;
    opacity: 0.9;
  }
  .navbar li a, .navbar .navbar-brand { 
    color: #d5d5d5 !important;
  }
  .navbar-nav li a:hover {
    color: #fff !important;
  }
  .navbar-nav li.active a {
    color: #fff !important;
    background-color: #29292c !important;
  }
  .navbar-default .navbar-toggle {
    border-color: transparent;
  }
  .open .dropdown-toggle {
    color: #fff;
    background-color: #555 !important;
  }
      .dropdown-menu li a {
          //color: #000 !important;
          color: #fff !important;
          background-color: #555;
          font-size: 11px !important;
      }

          .dropdown-menu li a:hover {
              background-color: #000 !important;
          }
  footer {
    background-color: #2d2d30;
    color: #f5f5f5;
    padding: 32px;
  }
  footer a {
    color: #f5f5f5;
  }
  footer a:hover {
    color: #777;
    text-decoration: none;
  }  
  .form-control {
    border-radius: 0;
  }
  textarea {
    resize: none;
  }

      #contact {
          background-color: lightgray;
      }
  </style>
</head>
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="50">

    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>

            </div>
            <div class="collapse navbar-collapse" id="myNavbar">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="../index.html">HOME</a></li>
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="portfolio.html">
                            PORTFOLIO
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="portfolio.html">BIRD & FLOWER</a></li>
                            <li><a href="portfolio.html">MOUNTAIN & WATER</a></li>
                            <li><a href="portfolio.html">EXPERIMENT</a></li>
                            <li><a href="portfolio.html">CALLIGRAPHY</a></li>
                        </ul>
                    </li>
                    <li><a href="classes.html">CLASSES</a></li>
                    <li><a href="exhibitions.html">EXHIBITIONS</a></li>
                    <li><a href="shop.html">SHOP</a></li>
                    <li><a href="about.html">ABOUT</a></li>
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="">
                            BLOG
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="blog_art.html">ABOUT ART</a></li>
                            <li><a href="blog_exhibits.html">EXHIBITS</a></li>
                            <li><a href="blog_events.html">EVENTS</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- Container (The Exhibition Section) -->
    <div id="exhibitions" class="container-fluid text-center">
        <h1>CLASSES</h1>
        <br />

        <div class="container-fluid text-left">
            <div class="row">
                <div class="col-sm-3 col-md-6 col-lg-4">
                    <p style="text-align:center"><img src="images/plumblossom-class.jpeg" class="img-thumbnail" alt="" width="300" height="200" /></p>
                </div>
                <div class="col-sm-9 col-md-6 col-lg-8">

                    <p><h3>Chinese Brush Painting: Flowers</h3>
                    <p>09/19/2026 - 10/10/2026, Saturdays 10:00 AM - 12:00 PM ET</p>
                    <p>Arts Council of Princeton</p>
                    <p>102 Witherspoon Street, Princeton, NJ 08542</p>
                    <p>This 4-week Chinese Brush Painting class is open to all skill levels, including both new and returning students. The class theme will focus on the peony, lotus flower, chrysanthemum, and plum blossom.</p>
                    <p>Click the link to view details: <a href="https://canvas.artscouncilofprinceton.org/classes/4467" target="_blank">Chinese Brush Painting: Flowers</a></p></p>
                </div>
            </div>
        </div>
        <br />
        <hr />

        <div class="container-fluid text-left">
            <div class="row">
                <div class="col-sm-3 col-md-6 col-lg-4">
                    <p style="text-align:center"><img src="images/fish-class.jpeg" class="img-thumbnail" alt="" width="300" height="200" /></p>
                </div>
                <div class="col-sm-9 col-md-6 col-lg-8">

                    <p><h3>Chinese Brush Painting: Bird and Fish</h3>
                    <p>07/11/2026 - 08/01/2026, Saturdays 10:00 AM - 12:00 PM ET</p>
                    <p>Arts Council of Princeton</p>
                    <p>102 Witherspoon Street, Princeton, NJ 08542</p>
                    <p>This 4-week Chinese Brush Painting class is open to all skill levels, including both new and returning students. The class theme will focus on birds and fish.</p>
                    <p>Click the link to view details: <a href="https://canvas.artscouncilofprinceton.org/classes/4374" target="_blank">Chinese Brush Painting: Bird and Fish</a></p></p>
                </div>
            </div>
        </div>g

        <br />
        <hr />

        <div class="container-fluid text-left">
            <div class="row">
                <div class="col-sm-3 col-md-6 col-lg-4">
                    <p style="text-align:center"><img src="images/spring-garden-2-s.jpg" class="img-thumbnail" alt="" width="300" height="200" /></p>
                </div>
                <div class="col-sm-9 col-md-6 col-lg-8">

                    <p><h3>Chinese Brush Painting: Landscape</h3>
                    <p>07/08/2023 - 07/29/2023, Saturdays 10:00 AM - 12:00 PM ET</p>
                    <p>Arts Council of Princeton</p>
                    <p>102 Witherspoon Street, Princeton, NJ 08542</p>
                    <p>This 4-week Chinese Brush Painting class is open to all skill levels, including both new and returning students. The class theme will focus on landscapes (mountain-and-water). </p>
                    <p>Click the link to view details: <a href="https://public.artscouncilofprinceton.org/web/classdirect/2882" target="_blank">Chinese Brush Painting: Landscape</a></p></p>
                </div>
            </div>
        </div>
        <br />
        <hr />

        <div class="container-fluid text-left">
            <div class="row">
                <div class="col-sm-3 col-md-6 col-lg-4">
                    <p style="text-align:center"><img src="images/mums-s.jpg" class="img-thumbnail" alt="" width="300" height="200" /></p>
                </div>
                <div class="col-sm-9 col-md-6 col-lg-8">

                    <p><h3>Chinese Brush Painting: Flowers and Bamboo</h3>
                    <p>Session 1: 09/17/2022 - 10/08/2022, Saturdays 10:00 AM - 12:00 PM ET</p>
                    <p>Session 2: 10/29/2022 - 11/19/2022, Saturdays 10:00 AM - 12:00 PM ET</p>
                    <p>Arts Council of Princeton</p>
                    <p>102 Witherspoon Street, Princeton, NJ 08542</p>
                    <p>This 4 week Chinese Brush Painting class is open to all skill levels, including both new and returning students. The class theme will focus on flowers and bamboo. The basic techniques will be covered in each session: proper brush handling, different brush strokes, ink and color mixing, and use of different rice papers. Students will be encouraged to complete their own individual paintings under her guidance.</p>
                    <p>Click the link to view session 1 details: <a href="https://public.artscouncilofprinceton.org/web/classdirect/2484" target="_blank">Chinese Brush Painting: Flowers and Bamboo (1)</a></p></p>
                    <p>Click the link to view session 2 details: <a href="https://public.artscouncilofprinceton.org/web/classdirect/2550" target="_blank">Chinese Brush Painting: Flowers and Bamboo (2)</a></p></p>
                </div>
            </div>
        </div>

        <br />
        <hr />

        <div class="container-fluid text-left">
            <div class="row">
                <div class="col-sm-3 col-md-6 col-lg-4">
                    <p style="text-align:center"><img src="images/bamboo-class.jpeg" class="img-thumbnail" alt="" width="300" height="200" /></p>
                </div>
                <div class="col-sm-9 col-md-6 col-lg-8">
                    <p><h3>Chinese Brush Painting: Four Gentlemen</h3>
                    <p>09/25/2021 - 10/23/2021, Saturdays 9:30 AM - 12:30 PM ET</p>
                    <p>Arts Council of Princeton</p>
                    <p>102 Witherspoon Street, Princeton, NJ 08542</p>
                    <p>This 5 week Chinese Brush Painting class is open to all skill levels, including both new and returning students. The theme is fuor gentlemen: plum blossom, orchid, bamboo, and chrysanthemum.</p>
                    <p>Click the link to view details: <a href="https://public.artscouncilofprinceton.org/public/classdirect/2151" target="_blank">Chinese Brush Painting: Four Gentlemen</a></p></p>
                </div>
            </div>
        </div>
        <br />
        <hr />
    </div>

    <br />

    <!-- Container (Contact Section) -->
    <div id="contact" class="container-fluid text-center">
        <br />
        <h3 class="text-center">Contact</h3>
        <p><span class="glyphicon glyphicon-envelope"></span>Email: <a href="mailto:jenyuanart@gmail.com" target="_blank">jenyuanart@gmail.com</a></p>
        <p><i class="fa fa-facebook-official fa-fw w3-xxlarge w3-margin-right"></i>Facebook: <a href="https://www.facebook.com/jenyuanart" target="_blank">jenyuanart</a> | <i class="fa fa-instagram fa-fw w3-xxlarge w3-margin-right"></i>Instagram: <a href="https://www.instagram.com/jenyuanart/" target="_blank">jenyuanart</a></p>
        <p><span class="glyphicon glyphicon-map-marker"></span>Princeton, NJ</p>
        <p></p>

    </div>

    <!-- Footer -->
    <footer class="text-center">
        <a class="up-arrow" href="#myPage" data-toggle="tooltip" title="TO TOP">
            <span class="glyphicon glyphicon-chevron-up"></span>
        </a><br><br>
        <p>&#169 2017-2024 Jennifer Yuan 袁峥. All Rights Reserved.</p>
    </footer>

    <script>
        $(document).ready(function () {
            // Initialize Tooltip
            $('[data-toggle="tooltip"]').tooltip();

            // Add smooth scrolling to all links in navbar + footer link
            $(".navbar a, footer a[href='#myPage']").on('click', function (event) {

                // Make sure this.hash has a value before overriding default behavior
                if (this.hash !== "") {

                    // Prevent default anchor click behavior
                    event.preventDefault();

                    // Store hash
                    var hash = this.hash;

                    // Using jQuery's animate() method to add smooth page scroll
                    // The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area
                    $('html, body').animate({
                        scrollTop: $(hash).offset().top
                    }, 900, function () {

                        // Add hash (#) to URL when done scrolling (default click behavior)
                        window.location.hash = hash;
                    });
                } // End if
            });
        })
    </script>




</body>
</html>