<!DOCTYPE html>
<html>
	<head>
		<title>Christian Cycling - Christian Fellowship of Cyclists</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" type="text/css" href="/assets/css/styles.min.css">
		<link rel="stylesheet" href="/assets/css/animate.css">
		<link href="//fonts.googleapis.com/css?family=Poppins:300,400,400i,700,700i" rel="stylesheet">
		<link rel="stylesheet" href="/owlcarousel/owl.carousel.min.css">
		<link rel="stylesheet" href="/owlcarousel/owl.theme.default.min.css">
		<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
		<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" type="text/javascript"></script>
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
		<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
		<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
		<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
		<link rel="manifest" href="/site.webmanifest">
		<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#ff4c00">
		<meta name="apple-mobile-web-app-title" content="Christian Cycling">
		<meta name="application-name" content="Christian Cycling">
		<meta name="msapplication-TileColor" content="#ffffff">
		<meta name="theme-color" content="#111317">
	<meta name="description" content="Christian Cycling exists to share Christ and celebrate cycling through riding, service and fellowship. We have members all over the world and organized rides all over the United States. Find one close to you. If one is not close, contact us to find out ho"></head>
	<body>
		<div class="nav-width">
			<nav class="top-bar" data-topbar data-options="mobile_show_parent_link: false">
				<ul class="title-area">
					<li class="name title">
						<a href="/"><img class="logo-small hide-for-medium-up" src="/images/christian-cycling-logo.svg" alt="Christian Cycling"><img class="logo show-for-medium-up" src="/images/christian-cycling-logo.svg" alt="Christian Cycling"></a>
					</li>
					<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
				</ul>

				<section class="top-bar-section">
					<ul class="right">
						<li><a href="/">Home</a></li><li><a href="/about/">About</a></li><li><a href="/membership/">Membership</a></li><li><a href="/spokes/">Spokes</a></li><li><a href="/give/">Give</a></li><li><a href="/contact/">Contact</a></li>  <li><a href="/login">Login</a></li>

					</ul>
				</section>
			</nav>
	</div>


<div class="photo-main wow fadeIn" data-wow-delay="0.1s">
	<div class="overlay">
		<div class="overlay-cross">
			<div class="hero text-center">
				<div class="row">
					<div class="small-12 columns">
						<h2 class="wow fadeIn" data-wow-delay="0.5s" data-wow-duration="1.8s"><strong>Building</strong> the <strong>Body</strong></h2>
						<h3 class="wow fadeIn" data-wow-delay="1.5s" data-wow-duration="1.8s">through Cycling</h3>
						<div data-options="destination_threshold:65;throttle_delay:0;" data-magellan-expedition="scroll">
							<dd data-magellan-arrival="scroll">
								<a class="button wow fadeIn" data-wow-delay="2.5s" data-wow-duration="1.8s" href="/membership">Membership</a><br>
								<a class="button transparent-butt wow fadeIn" data-wow-delay="2.8s" data-wow-duration="1.8s" href="/give">Donate</a>
							</dd>
						</div>
					</div>
				</div>
			</div>
			<div class="slideshow">
				<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/>
            <div class='slick-slider-bootstrap' id="6a2bfa4152382">
                                    <div>
                        
                            <img alt="" longdesc="" src="/glide/uploads/gallery/5d024234d13d8/?h=950&w=1920&fit=crop">
                                
                            
                            </a>
                    </div>
                                    <div>
                        
                            <img alt="" longdesc="" src="/glide/uploads/gallery/5d024236860a6/?h=950&w=1920&fit=crop">
                                
                            
                            </a>
                    </div>
                                    <div>
                        
                            <img alt="" longdesc="" src="/glide/uploads/gallery/669a9bd34fb97/?h=950&w=1920&fit=crop">
                                
                            
                            </a>
                    </div>
                                    <div>
                        
                            <img alt="" longdesc="" src="/glide/uploads/gallery/5d02423c48ba9/?h=950&w=1920&fit=crop">
                                
                            
                            </a>
                    </div>
                                    <div>
                        
                            <img alt="" longdesc="" src="/glide/uploads/gallery/5d02423e18443/?h=950&w=1920&fit=crop">
                                
                            
                            </a>
                    </div>
                                    <div>
                        
                            <img alt="" longdesc="" src="/glide/uploads/gallery/5e32e002a04e4/?h=950&w=1920&fit=crop">
                                
                            
                            </a>
                    </div>
                            </div>
        
			</div>
			<!--<video class="show-for-medium-up" autoplay loop muted id="background">
				<source src="/video/cycling-bg.mp4" type="video/mp4">
			</video>-->
		</div>
	</div>
	<div class="mountain-top text-center">
		<div data-options="destination_threshold:65;throttle_delay:0;" data-magellan-expedition="scroll">
			<dd data-magellan-arrival="scroll">
				<a href="#start"><img src="/images/bike-orange.png" alt="white bicycle icon"></a>
			</dd>
		</div>
	</div>
</div>

<div id="start" class="intro">
	<div class="row">
		<div class="small-12 columns text-center">
			<div class="home-section-text">
				<h1><small>Welcome to</small><br>Christian Cycling</h1>
				<p>Welcome to ChristianCycling! We’re glad you found us. <strong><strong>ChristianCycling exists to share Christ and celebrate cycling through riding, service and fellowship</strong> .</strong> We have members all over the world and organized rides all over the United States. Find one close to you. If one is not close, contact us to find out how you can start a local chapter of ChristianCycling!</p>
				<a class="button transparent-butt" href="/about">Learn More</a>
			</div>
		</div>
	</div>
</div>

<div class="shortcuts section">
	<div class="row">
		<div class="small-12 columns">
			<div class="row">
				<div class="small-12 columns text-center">
					<ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-4">
						<li>
							<a href="/ride-with-us" class="hvr-rotate">
								<img src="/images/ride-with-us.png" alt="Ride with us"><br>
								<h4><strong>Ride</strong><br><small>With Us</small></h4>
							</a>
						</li>
						<li>
							<a href="/serve-with-us" class="hvr-rotate">
								<img src="/images/serve-with-us.png" alt="Serve with us"><br>
								<h4><strong>Serve</strong><br><small>With Us</small></h4>
							</a>
						</li>
						<li>
							<a href="/connect-with-us" class="hvr-rotate">
								<img src="/images/connect-with-us.png" alt="Connect with us"><br>
								<h4><strong>Connect</strong><br><small>With Us</small></h4>
							</a>
						</li>
						<li>
							<a href="/partner-with-us" class="hvr-rotate">
								<img src="/images/partner-with-us.png" alt="Partner with us"><br>
								<h4><strong>Partner</strong><br><small>With Us</small></h4>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="orange-section-wrapper">
	<div class="orange-section sectionLarge">
		<!--<div class="mountain-bottom text-center">
		</div>-->
		<div class="angle-bottom">
		</div>
		<div class="row">
			<div class="medium-6 columns end small-only-text-center">
				<div class="become-member wow fadeInLeft" data-wow-offset="30" data-wow-delay="0.1s" data-wow-duration="1.2s">
					<h2>Become a Member</h2>
					<p>ChristianCycling® is more than a cycling club – We are a Christian fellowship and Kingdom building ministry.</p>
					<a class="button dark-butt" href="/membership">Join Today</a>
				</div>
			</div>
		</div>
		<div class="angle-top">
		</div>
	</div>
</div>

<!--
<div class="news section">
	<div class="row text-center">
		<div class="small-12 columns">
			<h2>Latest News</h2>
		</div>
	</div>
	<div class="row">
		<div class="small-12 columns">

		</div>
	</div>
  <div class="row text-center">
		<div class="small-12 columns">
			<a href="/blog" class="button blue-butt">All News</a>
		</div>
	</div>
</div>
-->

<div class="sponsors section">
	<div class="row">
		<div class="small-12 columns text-center">
			<h2>Our Sponsors</h2>
		</div>
	</div>
	<div class="street-line"></div>
	<div class="bike-symbol">
		<div class="row sponsor-slider">
			<div class="small-12 columns text-center">
				<div class="owl-carousel">
					<div><a href="https://www.hammernutrition.com/" target="_blank"><img src="/images/hammer-nutrition.png" alt="Hammer Nutrition"></a></div>
					<div><a href="https://www.rolwheels.com/" target="_blank"><img src="/images/rol-wheels.png" alt="ROL Wheels"></a></div>
					<div><a href="http://alchemybicycles.com/" target="_blank"><img src="/images/alchemy.png" alt="Alchemy Bicycles"></a></div>
					<div><a href="https://www.rudyprojectna.com/" target="_blank"><img src="/images/rudy-project.png" alt="Rudy Project"></a></div>
					<div><a href="https://www.schwalbetires.com/" target="_blank"><img src="/images/schwalbe.png" alt="Schwalbe Bicycle Tires"></a></div>
				</div>
			</div>
		</div>
	</div>
	<div class="street-line"></div>
	<div class="row">
		<div class="small-12 columns text-center">
			<a href="/become-a-sponsor" class="button transparent-butt">Become a Sponsor</a>
		</div>
	</div>
</div>

<div class="testimonials sectionMedium">
	<div class="sponsor-angle-bottom">
	</div>
	<div class="row">
		<div class="small-12 columns text-center">
			<h2>Testimonials</h2>
			


<div class="slider_container">
<ul data-orbit data-options="slide_number: false; slide_number_text: ''; timer_speed: 5000; variable_height: false; resume_on_mouseout: true;">
  <li data-orbit-slide="headline-1">
    <div class="slide_elements">
      <p class="text"><i class="fa fa-quote-left"></i>&nbsp;<em>I have had SUCH a pleasure riding with Christian Cycling!! I felt so welcome and accepted in great fellowship. Jesus tells us to take care of our mind, body and soul -and what better way then riding for Him while spreading the word of God in a fun and healthy way!! I used to ride with other cycling groups but when I started riding with Christian Cycling it felt like a prayer answered. The support and encouragement in which fellow riders lift each other up in joy and kindness in the Lord and the ability to be a testimony to others is the best! I look forward to continue to ride with Christian Cycling and spreading the word of God to encourage others! Riding with fellow riders gives me a sense of safety too since we are able to be seen easier in a group and it makes it more fun as well. Thank you Christian Cycling for having me come along for the ride while we keep our eyes on the road and on Jesus!!</em>&nbsp;<i class="fa fa-quote-right"></i></p>
      <div style="text-align: center;"><strong><i>Julie Cuccia </i></strong><br></div>
    </div>
  </li>
  </ul>
</div>


<style type="text/css">

  .slider_container {
    width: 1000px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .slide_elements {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }

  .orbit-slide {
    max-width: 75%;
    margin: auto;
  }

  .text {
    color: #252525;
    font-size: 1.15rem;
    font-weight: 400;
  }

  .fa-quote-right {
    padding-left: 5px;
  }

  .fa-quote-left {
    padding-right: 5px;
  }

  .orbit-container .orbit-timer {
    position: absolute;
    top: auto;
    bottom: 10px;
    right: 0px;
    left: 0px;
    height: 8px;
    width: 100px;
    z-index: 3;
    margin-left: auto;
    margin-right: auto;
}

.orbit-bullets {
    margin: 0 auto 40px auto;
}

</style>

			<a class="button" href="/testimonials">View All</a>
		</div>
	</div>
</div>


	</div>
	<!--End contentMain-->
	
	<div class="footer">
		<div class="row expanded-width">
			<div class="small-12 columns text-center">
				<ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-4">
					<li>
						<a href="/"><img class="logo-footer" src="/images/christian-cycling-logo.svg" alt="Christian Cycling"></a>
					</li>
					<li>
						<a href="/login" class="button transparent-butt">Member Login</a>
					</li>
					<li>
						<a href="https://www.facebook.com/christiancycling" target="_blank" class="button transparent-butt">Facebook <i class="fa fa-facebook" aria-hidden="true"></i></a>
					</li>
					<li>
						<a href="/give" class="button transparent-butt">Donate</a>
					</li>
				</ul>
			</div>
		</div>
	</div>

	<div class="footer-bottom">
		<div class="row">
			<div class="medium-6 columns text-left small-only-text-center">
				<p class="copy">&copy; 2026 Christian Cycling</p>
			</div>
			<div class="medium-6 columns text-right small-only-text-center">
				<p>Website by <a href="https://groupm7.com" target="_blank">GroupM7 Design&trade;</a></p>
			</div>
		</div>
	</div>

		<script src="//cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/foundation.min.js"></script>
		<script>$(document).foundation()</script>
		<script src="/assets/js/wow.js"></script>
		<script src="/owlcarousel/owl.carousel.min.js"></script>
		<script>
			$(function() {
				$(document).foundation();
				new WOW().init();
			});
		</script>
		<script>
		$('.owl-carousel').owlCarousel({
				loop:true,
				nav:true,
				navText : ["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"],
				autoplay:true,
				autoplayTimeout:4000,
				autoplaySpeed: 1500,
				autoplayHoverPause:false,
				responsiveClass:true,
				responsive:{
						0:{
								items:1,
						},
						642:{
								items:2,
						},
						1026:{
								items:3,
						}
				}
		})
		</script>
	            <script type="text/javascript">
                window.onload = function () {
                    $.getScript("//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js").done(function () {
                        $('#6a2bfa4152382').slick({
                            autoplay: true,
                            autoplaySpeed: 4000,
                            arrows: false,
                            dots: false,
                            draggable: true,
                            fade: true,
                            infinite: true,
                            lazyLoad: true,
                            pauseOnHover: false,
                            slidesToShow: 1,
                            slidesToScroll: 1,
                            speed: 1800,
                            vertical: false                        });
                    });
                };
            </script>
        </body>
</html>
