forked from opt-luo/DemoHouse
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 32.8 KB
/
index.html
1
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1" /> <title>DemoHouse</title> <style> * { margin: 0; padding: 0; } html, body { width: 100vw; height: 100vh; } body { background: #fff url("http://www.w3cplus.com/w3cplusDemo/demos/CSS3Ribbons/bg.jpg") repeat left top; } h1 { text-align: center; margin-bottom: 1em; padding: 15px 10px; border-bottom: 3px double; } ol { counter-reset: li; list-style: none; *list-style: decimal; font: 15px 'trebuchet MS', 'lucida sans'; padding: 0; margin: 0 0 4em; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; } ol li { list-style: none outside none; } ol ol { margin: 0 0 0 2em; } /* -------------------------------------- */ .rounded-list li { margin: 0 1.5%; -webkit-flex-basis: 20%; flex-basis: 20%; } .rounded-list a { position: relative; display: block; padding: .4em .4em .4em 2em; *padding: .4em; margin: .5em 0; background: #ddd; color: #444; text-decoration: none; border-radius: .3em; transition: all .3s ease-out; text-overflow: ellipsis; } .rounded-list a:hover { background: #eee; } .rounded-list a:hover:before { transform: rotate(360deg); } .rounded-list a:before { content: counter(li); counter-increment: li; position: absolute; left: -1.3em; top: 50%; margin-top: -1.3em; background: #87ceeb; height: 2em; width: 2em; line-height: 2em; border: .3em solid #fff; text-align: center; font-weight: bold; border-radius: 2em; transition: all .3s ease-out; } @media only screen and (max-width: 959px) { .rounded-list li { margin: 0 2%; -webkit-flex-basis: 20%; flex-basis: 20%; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .rounded-list li { margin: 0 2%; -webkit-flex-basis: 20%; flex-basis: 20%; } } @media only screen and (max-width: 767px) { .rounded-list li { margin: 0 2%; -webkit-flex-basis: 20%; flex-basis: 40%; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .rounded-list li { margin: 0 2%; -webkit-flex-basis: 20%; flex-basis: 40%; } } @media only screen and (max-width: 479px) { .rounded-list li { margin: 0 1%; -webkit-flex-basis: 98%; flex-basis: 98%; } } .starts { text-align: center; } .starts iframe { margin: 0 auto 15px; } .ribbons { margin-left: auto; margin-right: auto; position: absolute; top: 0; right: 0; overflow: hidden; height: 10em; } .ribbon { font-family: Collegiate, sans-serif; letter-spacing: -.1px; opacity: 0.95; padding: 0.25em 0; position: relative; text-decoration: none; top: 3.2em; box-shadow: 0 0 13px #888; color: #FFF; display: block; line-height: 1.35em; transform: rotate(45deg); right: -3em; background-image: -webkit-linear-gradient(bottom, #006e00, #007200); } .ribbon:hover { text-decoration: none; } .text { border: 1px solid #6bac6b; padding: 0 2em; } </style> </head> <body> <h1>DemoHouse</h1> <div class="starts"> <iframe src="https://ghbtns.com/github-btn.html?user=airen&repo=DemoHouse&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe> </div> <ol class="rounded-list"> <li><a href="2-blocks-template" target="_blank">2-blocks-template</a></li> <li><a href="22-loader-with-pure-css" target="_blank">22-loader-with-pure-css</a></li> <li><a href="360-degrees-product-viewer" target="_blank">360-degrees-product-viewer</a></li> <li><a href="3DRestaurantMenu" target="_blank">3DRestaurantMenu</a></li> <li><a href="3d-animated-mockup" target="_blank">3d-animated-mockup</a></li> <li><a href="3d-bold-navigation" target="_blank">3d-bold-navigation</a></li> <li><a href="3d-curtain-template" target="_blank">3d-curtain-template</a></li> <li><a href="3d-device-sketch" target="_blank">3d-device-sketch</a></li> <li><a href="3d-folding-panel" target="_blank">3d-folding-panel</a></li> <li><a href="3d-items-quick-view" target="_blank">3d-items-quick-view</a></li> <li><a href="3d-portfolio-template-master" target="_blank">3d-portfolio-template-master</a></li> <li><a href="3d-rotating-navigation" target="_blank">3d-rotating-navigation</a></li> <li><a href="AboveBeneath" target="_blank">AboveBeneath</a></li> <li><a href="AnimatedAnimals" target="_blank">AnimatedAnimals</a></li> <li><a href="AnimatedBorderMenus" target="_blank">AnimatedBorderMenus</a></li> <li><a href="AnimatedClock" target="_blank">AnimatedClock</a></li> <li><a href="AnimatedGridLayout" target="_blank">AnimatedGridLayout</a></li> <li><a href="AnimatedHeader" target="_blank">AnimatedHeader</a></li> <li><a href="AnimatedLetters-" target="_blank">AnimatedLetters-</a></li> <li><a href="AnimatedMenuIcon" target="_blank">AnimatedMenuIcon</a></li> <li><a href="AnimatedResponsiveImageGrid" target="_blank">AnimatedResponsiveImageGrid</a></li> <li><a href="AnimatedSVGIcons" target="_blank">AnimatedSVGIcons</a></li> <li><a href="AnimatedTextFillsAll" target="_blank">AnimatedTextFillsAll</a></li> <li><a href="Animocons" target="_blank">Animocons</a></li> <li><a href="Arctext" target="_blank">Arctext</a></li> <li><a href="ArrowNavigationStyles" target="_blank">ArrowNavigationStyles</a></li> <li><a href="ArticleTiles" target="_blank">ArticleTiles</a></li> <li><a href="Baraja" target="_blank">Baraja</a></li> <li><a href="Blueprint-BackgroundSlideshow" target="_blank">Blueprint-BackgroundSlideshow</a></li> <li><a href="Blueprint-ElasticContentSlider" target="_blank">Blueprint-ElasticContentSlider</a></li> <li><a href="Blueprint-FixedBackgroundScrollingLayout" target="_blank">Blueprint-FixedBackgroundScrollingLayout</a></li> <li><a href="Blueprint-FullWidthImageSlider" target="_blank">Blueprint-FullWidthImageSlider</a></li> <li><a href="Blueprint-HorizontalDropDownMenu" target="_blank">Blueprint-HorizontalDropDownMenu</a></li> <li><a href="Blueprint-NestedAccordion" target="_blank">Blueprint-NestedAccordion</a></li> <li><a href="Blueprint-QuotesRotator" target="_blank">Blueprint-QuotesRotator</a></li> <li><a href="Blueprint-ResponsiveFullWidthGrid" target="_blank">Blueprint-ResponsiveFullWidthGrid</a></li> <li><a href="Blueprint-SlidePushMenus" target="_blank">Blueprint-SlidePushMenus</a></li> <li><a href="Blueprint-VerticalIconMenu" target="_blank">Blueprint-VerticalIconMenu</a></li> <li><a href="Blueprint-VerticalTimeline" target="_blank">Blueprint-VerticalTimeline</a></li> <li><a href="BookBlock" target="_blank">BookBlock</a></li> <li><a href="BookPreview" target="_blank">BookPreview</a></li> <li><a href="ButtonComponentMorph" target="_blank">ButtonComponentMorph</a></li> <li><a href="ButtonStylesInspiration" target="_blank">ButtonStylesInspiration</a></li> <li><a href="CSS3UI" target="_blank">CSS3UI</a></li> <li><a href="CSSProgress" target="_blank">CSSProgress</a></li> <li><a href="Calendario" target="_blank">Calendario</a></li> <li><a href="CaptionHoverEffects" target="_blank">CaptionHoverEffects</a></li> <li><a href="CardInteraction" target="_blank">CardInteraction</a></li> <li><a href="CardStackEffects" target="_blank">CardStackEffects</a></li> <li><a href="CheckoutConcepts" target="_blank">CheckoutConcepts</a></li> <li><a href="CircularProgressButton" target="_blank">CircularProgressButton</a></li> <li><a href="ClickEffects" target="_blank">ClickEffects</a></li> <li><a href="CodropsBranding" target="_blank">CodropsBranding</a></li> <li><a href="CreativeButtons" target="_blank">CreativeButtons</a></li> <li><a href="CreativeGooeyEffects" target="_blank">CreativeGooeyEffects</a></li> <li><a href="CreativeLinkEffects" target="_blank">CreativeLinkEffects</a></li> <li><a href="CustomFileInputs" target="_blank">CustomFileInputs</a></li> <li><a href="Dial" target="_blank">Dial</a></li> <li><a href="DialogEffects" target="_blank">DialogEffects</a></li> <li><a href="DirectionAwareHoverEffect" target="_blank">DirectionAwareHoverEffect</a></li> <li><a href="DistortedButtonEffects" target="_blank">DistortedButtonEffects</a></li> <li><a href="DotNavigationStyles" target="_blank">DotNavigationStyles</a></li> <li><a href="DragDropInteractions" target="_blank">DragDropInteractions</a></li> <li><a href="DraggableDualViewSlideshow" target="_blank">DraggableDualViewSlideshow</a></li> <li><a href="DraggableElementsInteraction" target="_blank">DraggableElementsInteraction</a></li> <li><a href="DynamicGrid" target="_blank">DynamicGrid</a></li> <li><a href="ElastiStack" target="_blank">ElastiStack</a></li> <li><a href="ElasticCircleSlideshow" target="_blank">ElasticCircleSlideshow</a></li> <li><a href="ElasticProgress" target="_blank">ElasticProgress</a></li> <li><a href="ElasticSVGElements" target="_blank">ElasticSVGElements</a></li> <li><a href="Elastislide" target="_blank">Elastislide</a></li> <li><a href="ExpandingSearchBar" target="_blank">ExpandingSearchBar</a></li> <li><a href="FancyLetterAnimation" target="_blank">FancyLetterAnimation</a></li> <li><a href="FilmReviewer" target="_blank">FilmReviewer</a></li> <li><a href="FilterMenu" target="_blank">FilterMenu</a></li> <li><a href="FilterableProductGrid" target="_blank">FilterableProductGrid</a></li> <li><a href="FourBoxes" target="_blank">FourBoxes</a></li> <li><a href="FullWidthTabs" target="_blank">FullWidthTabs</a></li> <li><a href="FullscreenForm" target="_blank">FullscreenForm</a></li> <li><a href="FullscreenLayoutPageTransitions" target="_blank">FullscreenLayoutPageTransitions</a></li> <li><a href="FullscreenOverlayStyles" target="_blank">FullscreenOverlayStyles</a></li> <li><a href="GammaGallery" target="_blank">GammaGallery</a></li> <li><a href="GiftCardUI" target="_blank">GiftCardUI</a></li> <li><a href="GoogleNexusWebsiteMenu" target="_blank">GoogleNexusWebsiteMenu</a></li> <li><a href="GridGallery" target="_blank">GridGallery</a></li> <li><a href="GridLoadingEffects" target="_blank">GridLoadingEffects</a></li> <li><a href="GuidedTourTooltip" target="_blank">GuidedTourTooltip</a></li> <li><a href="HeatDistortionEffect" target="_blank">HeatDistortionEffect</a></li> <li><a href="HorizontalSlideOutMenu" target="_blank">HorizontalSlideOutMenu</a></li> <li><a href="HoverEffectIdeas" target="_blank">HoverEffectIdeas</a></li> <li><a href="IconHoverEffects" target="_blank">IconHoverEffects</a></li> <li><a href="ImageGridEffects" target="_blank">ImageGridEffects</a></li> <li><a href="ImageTiltEffect" target="_blank">ImageTiltEffect</a></li> <li><a href="InlineAnchorStyles" target="_blank">InlineAnchorStyles</a></li> <li><a href="Interactive3DMallMap" target="_blank">Interactive3DMallMap</a></li> <li><a href="InteractiveColoringConcept" target="_blank">InteractiveColoringConcept</a></li> <li><a href="InteractivePoints" target="_blank">InteractivePoints</a></li> <li><a href="IsometricGrids" target="_blank">IsometricGrids</a></li> <li><a href="ItemRevealer" target="_blank">ItemRevealer</a></li> <li><a href="ItemSlider" target="_blank">ItemSlider</a></li> <li><a href="LineMaker" target="_blank">LineMaker</a></li> <li><a href="LineMenuStyles" target="_blank">LineMenuStyles</a></li> <li><a href="MinimalForm" target="_blank">MinimalForm</a></li> <li><a href="ModalWindowEffects" target="_blank">ModalWindowEffects</a></li> <li><a href="MorphingDevices" target="_blank">MorphingDevices</a></li> <li><a href="MorphingSearch" target="_blank">MorphingSearch</a></li> <li><a href="MotionBlurEffect" target="_blank">MotionBlurEffect</a></li> <li><a href="MultiElementSelection" target="_blank">MultiElementSelection</a></li> <li><a href="MultiLayoutSlideshow" target="_blank">MultiLayoutSlideshow</a></li> <li><a href="MultiLevelMenu" target="_blank">MultiLevelMenu</a></li> <li><a href="MultiLevelPushMenu" target="_blank">MultiLevelPushMenu</a></li> <li><a href="NaturalLanguageForm" target="_blank">NaturalLanguageForm</a></li> <li><a href="NewsCards" target="_blank">NewsCards</a></li> <li><a href="NotificationStyles" target="_blank">NotificationStyles</a></li> <li><a href="OffCanvasMenuEffects" target="_blank">OffCanvasMenuEffects</a></li> <li><a href="OnScrollEffectLayout" target="_blank">OnScrollEffectLayout</a></li> <li><a href="PFold" target="_blank">PFold</a></li> <li><a href="PageLoadingEffects" target="_blank">PageLoadingEffects</a></li> <li><a href="PagePreloadingEffect" target="_blank">PagePreloadingEffect</a></li> <li><a href="PageRevealEffects" target="_blank">PageRevealEffects</a></li> <li><a href="PageStackNavigation" target="_blank">PageStackNavigation</a></li> <li><a href="PageTransitions" target="_blank">PageTransitions</a></li> <li><a href="PerspectivePageViewNavigation" target="_blank">PerspectivePageViewNavigation</a></li> <li><a href="PhotographyWebsiteConcept" target="_blank">PhotographyWebsiteConcept</a></li> <li><a href="PlanetaryResonance" target="_blank">PlanetaryResonance</a></li> <li><a href="PlayfulTrampolineEffect" target="_blank">PlayfulTrampolineEffect</a></li> <li><a href="PolaroidStackGrid" target="_blank">PolaroidStackGrid</a></li> <li><a href="#TablesInspiration" target="_blank">#TablesInspiration</a></li> <li><a href="ProductComparison" target="_blank">ProductComparison</a></li> <li><a href="ProductGridLayout" target="_blank">ProductGridLayout</a></li> <li><a href="ProgressButtonStyles" target="_blank">ProgressButtonStyles</a></li> <li><a href="PullToShare" target="_blank">PullToShare</a></li> <li><a href="QuestionnaireConcept" target="_blank">QuestionnaireConcept</a></li> <li><a href="RainEffect" target="_blank">RainEffect</a></li> <li><a href="RecordPlayer" target="_blank">RecordPlayer</a></li> <li><a href="ResponsiveIconGrid" target="_blank">ResponsiveIconGrid</a></li> <li><a href="ResponsiveMultiColumnForm" target="_blank">ResponsiveMultiColumnForm</a></li> <li><a href="ResponsiveMultiLevelMenu" target="_blank">ResponsiveMultiLevelMenu</a></li> <li><a href="RoomDisplay" target="_blank">RoomDisplay</a></li> <li><a href="SVGLoaderGSAP" target="_blank">SVGLoaderGSAP</a></li> <li><a href="SamsungGrid" target="_blank">SamsungGrid</a></li> <li><a href="ScatteredPolaroidsGallery" target="_blank">ScatteredPolaroidsGallery</a></li> <li><a href="SeatPreview" target="_blank">SeatPreview</a></li> <li><a href="SegmentEffect" target="_blank">SegmentEffect</a></li> <li><a href="SelectInspiration" target="_blank">SelectInspiration</a></li> <li><a href="ShapeHoverEffectSVG" target="_blank">ShapeHoverEffectSVG</a></li> <li><a href="ShazamButtonEffect" target="_blank">ShazamButtonEffect</a></li> <li><a href="SidebarTransitions" target="_blank">SidebarTransitions</a></li> <li><a href="SimpleDropDownEffects" target="_blank">SimpleDropDownEffects</a></li> <li><a href="Slicebox" target="_blank">Slicebox</a></li> <li><a href="SlideToggle" target="_blank">SlideToggle</a></li> <li><a href="SliderPagination" target="_blank">SliderPagination</a></li> <li><a href="SlidingHeaderLayout" target="_blank">SlidingHeaderLayout</a></li> <li><a href="SlitSlider" target="_blank">SlitSlider</a></li> <li><a href="SortableTaskList" target="_blank">SortableTaskList</a></li> <li><a href="SplitLayout" target="_blank">SplitLayout</a></li> <li><a href="StackSlider" target="_blank">StackSlider</a></li> <li><a href="Stapel" target="_blank">Stapel</a></li> <li><a href="SwatchBook" target="_blank">SwatchBook</a></li> <li><a href="TextInputEffects" target="_blank">TextInputEffects</a></li> <li><a href="TextStylesHoverEffects" target="_blank">TextStylesHoverEffects</a></li> <li><a href="TheAviator" target="_blank">TheAviator</a></li> <li><a href="ThumbnailGridExpandingPreview" target="_blank">ThumbnailGridExpandingPreview</a></li> <li><a href="TooltipMenu" target="_blank">TooltipMenu</a></li> <li><a href="TooltipStylesInspiration" target="_blank">TooltipStylesInspiration</a></li> <li><a href="TriplePanelImageSlider" target="_blank">TriplePanelImageSlider</a></li> <li><a href="VideoOpeningAnimation" target="_blank">VideoOpeningAnimation</a></li> <li><a href="ViewModeSwitch" target="_blank">ViewModeSwitch</a></li> <li><a href="Waves" target="_blank">Waves</a></li> <li><a href="Windy" target="_blank">Windy</a></li> <li><a href="WobblySlideshowEffect" target="_blank">WobblySlideshowEffect</a></li> <li><a href="YouTubeLeftSideMenu" target="_blank">YouTubeLeftSideMenu</a></li> <li><a href="ZoomSlider" target="_blank">ZoomSlider</a></li> <li><a href="action-button-with-checkbox-trick-no-js" target="_blank">action-button-with-checkbox-trick-no-js</a></li> <li><a href="add-to-cart-interaction" target="_blank">add-to-cart-interaction</a></li> <li><a href="adjustment-loaders" target="_blank">adjustment-loaders</a></li> <li><a href="advanced-search-form" target="_blank">advanced-search-form</a></li> <li><a href="alternate-fixed-scroll-background" target="_blank">alternate-fixed-scroll-background</a></li> <li><a href="animated-headline" target="_blank">animated-headline</a></li> <li><a href="animated-intro-section" target="_blank">animated-intro-section</a></li> <li><a href="animated-page-transition" target="_blank">animated-page-transition</a></li> <li><a href="animated-page-transition-2" target="_blank">animated-page-transition-2</a></li> <li><a href="animated-progress-bar" target="_blank">animated-progress-bar</a></li> <li><a href="animated-sign-up-flow" target="_blank">animated-sign-up-flow</a></li> <li><a href="animated-svg-hero-slider" target="_blank">animated-svg-hero-slider</a></li> <li><a href="animated-svg-icon" target="_blank">animated-svg-icon</a></li> <li><a href="animated-svg-image-slider" target="_blank">animated-svg-image-slider</a></li> <li><a href="animated-transition-effects" target="_blank">animated-transition-effects</a></li> <li><a href="app-introduction-template" target="_blank">app-introduction-template</a></li> <li><a href="auto-hiding-navigation" target="_blank">auto-hiding-navigation</a></li> <li><a href="back-to-top" target="_blank">back-to-top</a></li> <li><a href="bootstrap-wizard" target="_blank">bootstrap-wizard</a></li> <li><a href="bouncy-content-filter" target="_blank">bouncy-content-filter</a></li> <li><a href="bouncy-navigation" target="_blank">bouncy-navigation</a></li> <li><a href="breadcrumbs-and-multistep-indicator" target="_blank">breadcrumbs-and-multistep-indicator</a></li> <li><a href="buttons-css-hover-effect" target="_blank">buttons-css-hover-effect</a></li> <li><a href="card-expansion" target="_blank">card-expansion</a></li> <li><a href="circular-calendar-display" target="_blank">circular-calendar-display</a></li> <li><a href="client-testimonials-carousel" target="_blank">client-testimonials-carousel</a></li> <li><a href="clipped-svg-slider" target="_blank">clipped-svg-slider</a></li> <li><a href="codrops-svg-drums" target="_blank">codrops-svg-drums</a></li> <li><a href="contact-form" target="_blank">contact-form</a></li> <li><a href="content-filter" target="_blank">content-filter</a></li> <li><a href="cross-reference-table" target="_blank">cross-reference-table</a></li> <li><a href="css-dropdown" target="_blank">css-dropdown</a></li> <li><a href="css-mask-animation" target="_blank">css-mask-animation</a></li> <li><a href="ctripLoading" target="_blank">ctripLoading</a></li> <li><a href="custom-google-map" target="_blank">custom-google-map</a></li> <li><a href="daily-ui-012-e-commerce-shop-single-item" target="_blank">daily-ui-012-e-commerce-shop-single-item</a></li> <li><a href="dailyui-012-e-commerce-shop-3d-view" target="_blank">dailyui-012-e-commerce-shop-3d-view</a></li> <li><a href="donut-chart-dial-svg-animation" target="_blank">donut-chart-dial-svg-animation</a></li> <li><a href="expandable-image-gallery" target="_blank">expandable-image-gallery</a></li> <li><a href="expandable-project-presentation" target="_blank">expandable-project-presentation</a></li> <li><a href="faq-template" target="_blank">faq-template</a></li> <li><a href="fixed-background-effect" target="_blank">fixed-background-effect</a></li> <li><a href="full-page-intro-and-navigation" target="_blank">full-page-intro-and-navigation</a></li> <li><a href="full-screen-pop-out-navigation" target="_blank">full-screen-pop-out-navigation</a></li> <li><a href="full-screen-pushing-navigation" target="_blank">full-screen-pushing-navigation</a></li> <li><a href="fullscreen-background-video-with-mix-blend-mode-overlay-text" target="_blank">fullscreen-background-video-with-mix-blend-mode-overlay-text</a></li> <li><a href="get-shit-done" target="_blank">get-shit-done</a></li> <li><a href="hero-slider" target="_blank">hero-slider</a></li> <li><a href="hipster-as-f-cards" target="_blank">hipster-as-f-cards</a></li> <li><a href="horizontal-timeline" target="_blank">horizontal-timeline</a></li> <li><a href="icons-filling-effect" target="_blank">icons-filling-effect</a></li> <li><a href="image-comparison-slider" target="_blank">image-comparison-slider</a></li> <li><a href="image-hover" target="_blank">image-hover</a></li> <li><a href="ink-transition-effect" target="_blank">ink-transition-effect</a></li> <li><a href="jquery-to-do-app" target="_blank">jquery-to-do-app</a></li> <li><a href="lbd_free" target="_blank">lbd_free</a></li> <li><a href="log-in-sign-up" target="_blank">log-in-sign-up</a></li> <li><a href="login-register-modal" target="_blank">login-register-modal</a></li> <li><a href="login-#-modal" target="_blank">login-#-modal</a></li> <li><a href="login-#-modal-window" target="_blank">login-#-modal-window</a></li> <li><a href="masked-image-animation" target="_blank">masked-image-animation</a></li> <li><a href="material-dashboard" target="_blank">material-dashboard</a></li> <li><a href="material_kit" target="_blank">material_kit</a></li> <li><a href="meet-moody-balloon" target="_blank">meet-moody-balloon</a></li> <li><a href="mega-site-navigation" target="_blank">mega-site-navigation</a></li> <li><a href="mobile-calendar-ui" target="_blank">mobile-calendar-ui</a></li> <li><a href="mobile-lock-screen-pin-code" target="_blank">mobile-lock-screen-pin-code</a></li> <li><a href="morphing-modal-window" target="_blank">morphing-modal-window</a></li> <li><a href="multi-level-accordion-menu" target="_blank">multi-level-accordion-menu</a></li> <li><a href="navbar" target="_blank">navbar</a></li> <li><a href="news-cards-css-only" target="_blank">news-cards-css-only</a></li> <li><a href="node_modules" target="_blank">node_modules</a></li> <li><a href="nugget-template" target="_blank">nugget-template</a></li> <li><a href="page-scroll-effects" target="_blank">page-scroll-effects</a></li> <li><a href="pagination" target="_blank">pagination</a></li> <li><a href="pagination-indicators" target="_blank">pagination-indicators</a></li> <li><a href="paper-bootstrap-wizard" target="_blank">paper-bootstrap-wizard</a></li> <li><a href="paper-dashboard" target="_blank">paper-dashboard</a></li> <li><a href="paper_kit" target="_blank">paper_kit</a></li> <li><a href="parallax-hero-image" target="_blank">parallax-hero-image</a></li> <li><a href="points-of-interest" target="_blank">points-of-interest</a></li> <li><a href="pointy-slider" target="_blank">pointy-slider</a></li> <li><a href="pre-commit" target="_blank">pre-commit</a></li> <li><a href="presentation-slideshow" target="_blank">presentation-slideshow</a></li> <li><a href="#-tables" target="_blank">#-tables</a></li> <li><a href="product-builder" target="_blank">product-builder</a></li> <li><a href="product-quick-view" target="_blank">product-quick-view</a></li> <li><a href="product-tour" target="_blank">product-tour</a></li> <li><a href="products-comparison-table" target="_blank">products-comparison-table</a></li> <li><a href="progress-bar" target="_blank">progress-bar</a></li> <li><a href="project-cards-template" target="_blank">project-cards-template</a></li> <li><a href="radial-svg-slider" target="_blank">radial-svg-slider</a></li> <li><a href="react-dailyui-010-social-share" target="_blank">react-dailyui-010-social-share</a></li> <li><a href="react-gallery-v2" target="_blank">react-gallery-v2</a></li> <li><a href="reading-progress-indicator" target="_blank">reading-progress-indicator</a></li> <li><a href="responsive-breaking-bad-card-ui" target="_blank">responsive-breaking-bad-card-ui</a></li> <li><a href="responsive-newsletter-form" target="_blank">responsive-newsletter-form</a></li> <li><a href="responsive-newsletter-form-master" target="_blank">responsive-newsletter-form-master</a></li> <li><a href="responsive-sidebar-navigation" target="_blank">responsive-sidebar-navigation</a></li> <li><a href="responsive-tabbed-navigation" target="_blank">responsive-tabbed-navigation</a></li> <li><a href="rounded-animated-navigation" target="_blank">rounded-animated-navigation</a></li> <li><a href="secondary-expandable-navigation" target="_blank">secondary-expandable-navigation</a></li> <li><a href="secondary-fixed-navigation" target="_blank">secondary-fixed-navigation</a></li> <li><a href="secondary-sliding-navigation" target="_blank">secondary-sliding-navigation</a></li> <li><a href="side-shopping-cart" target="_blank">side-shopping-cart</a></li> <li><a href="side-team-member-bio" target="_blank">side-team-member-bio</a></li> <li><a href="simple-card-ui" target="_blank">simple-card-ui</a></li> <li><a href="simple-confirmation-popup" target="_blank">simple-confirmation-popup</a></li> <li><a href="slide-in-panel" target="_blank">slide-in-panel</a></li> <li><a href="sliding-panels-template" target="_blank">sliding-panels-template</a></li> <li><a href="smart-fixed-navigation" target="_blank">smart-fixed-navigation</a></li> <li><a href="spring-loaders" target="_blank">spring-loaders</a></li> <li><a href="squeezebox-portfolio-template" target="_blank">squeezebox-portfolio-template</a></li> <li><a href="stretchy-navigation" target="_blank">stretchy-navigation</a></li> <li><a href="stripe-navigation" target="_blank">stripe-navigation</a></li> <li><a href="style-guide-template" target="_blank">style-guide-template</a></li> <li><a href="svg-alarm-ui" target="_blank">svg-alarm-ui</a></li> <li><a href="svg-image-clipping-with-drop-shadow" target="_blank">svg-image-clipping-with-drop-shadow</a></li> <li><a href="svg-interactive-roadtrip-map-prototype" target="_blank">svg-interactive-roadtrip-map-prototype</a></li> <li><a href="svg-modal-window" target="_blank">svg-modal-window</a></li> <li><a href="svgripples" target="_blank">svgripples</a></li> <li><a href="timeline" target="_blank">timeline</a></li> <li><a href="timeline-ui" target="_blank">timeline-ui</a></li> <li><a href="to-do-list" target="_blank">to-do-list</a></li> <li><a href="user-menu" target="_blank">user-menu</a></li> <li><a href="vertical-fixed-navigation" target="_blank">vertical-fixed-navigation</a></li> <li><a href="vertical-fixed-navigation-2" target="_blank">vertical-fixed-navigation-2</a></li> <li><a href="vertical-timeline" target="_blank">vertical-timeline</a></li> <li><a href="zoom-out-intro-effect" target="_blank">zoom-out-intro-effect</a></li> </ol> <div class="ribbons"> <a href="https://github.com/airen/DemoHouse" class="ribbon" target="_blank"> <span class="text">Forke me on GitHub</span> </a> </div> </body> </html>