<!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/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: Three Friends of Winter</h3>
                    <p>09/21/2024 - 10/05/2024, 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 3-week Chinese Brush Painting class is open to all skill levels, including both new and returning students. This semester's class theme will focus on the "Three Friends of Winter" - bamboo, pine, and plum blossom. Please bring $10 in cash for the instructor for materials.</p>
                    <p>Click the link to view details: <a href="https://public.artscouncilofprinceton.org/web/classdirect/3530" target="_blank">Chinese Brush Painting: Three Friends of Winter</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/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). 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. Materials: Please bring $20 in cash for the instructor for materials. The instructor will provide all brushes, inks, papers and other supplies in order to make this class more affordable and convenient for beginner students.</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/lantingjixu.jpg" class="img-thumbnail" alt="" width="400" height="200" /></p>
                </div>
                <div class="col-sm-9 col-md-6 col-lg-8">

                    <h3>Learn to Write Calligraphy Masterpiece “Lantingji Xu” </h3>
                    <p>Thursdays 4:00 PM - 6:00 PM, September 2019 - March 2020</p>
                    <p>Tigerlabs</p>
                    <p>252 Nassau St. Princeton, NJ</p>
                    <p>Chinese calligraphy masterpiece “Lantingji Xu” (“Preface to the Poems Composed at the Orchid Pavilion”) was created by Mr. WANG, Xizhi, in 353 AD. It is of 324 words in total. Every Thursday, we write several words together.</p>
                </div>
            </div>
        </div>
    </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>