Files
persimmonquilts.com/persimmon/public/portfolio/sample-project/index.html
2023-05-14 16:02:52 -05:00

308 lines
13 KiB
HTML

<!DOCTYPE html>
<html lang='en'><head>
<title>Sample project - Persimmon Quilts</title>
<link rel='canonical' href='https://persimmon.wvr.sh/portfolio/sample-project/' />
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1' />
<meta name='description' content='This is the description of our sample project' />
<meta name='theme-color' content='#FD3519' />
<meta name="generator" content="Hugo 0.104.3" />
<link rel="stylesheet" href="https://persimmon.wvr.sh/sass/style.min.eabe1aa4bd266a15f7b39b122bd6a5cc75cb067e5373631ac21d7815d6240d6f.css" integrity="sha256-6r4apL0mahX3s5sSK9alzHXLBn5Tc2Mawh14FdYkDW8=" media="screen">
<link rel="stylesheet" href="https://persimmon.wvr.sh/syntax.min.css" integrity="" media="screen">
<meta property="og:title" content="Sample project" />
<meta property="og:description" content="This is the description of our sample project" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://persimmon.wvr.sh/portfolio/sample-project/" /><meta property="article:section" content="portfolio" />
<meta property="article:published_time" content="2019-05-02T19:47:09+02:00" />
<meta property="article:modified_time" content="2019-05-02T19:47:09+02:00" />
<meta itemprop="name" content="Sample project">
<meta itemprop="description" content="This is the description of our sample project"><meta itemprop="datePublished" content="2019-05-02T19:47:09+02:00" />
<meta itemprop="dateModified" content="2019-05-02T19:47:09+02:00" />
<meta itemprop="wordCount" content="85">
<meta itemprop="keywords" content="" />
</head>
<body>
<header style="background-image:linear-gradient(
rgba(0,0,0,0.4),rgba(0,0,0,0.4)
),url(&#39;https://persimmon.wvr.sh/images/sidebar.jpg&#39;)">
<div class="intro">
<div class="logo-container">
<a href="/">
<img src='https://persimmon.wvr.sh/images/circle_logo.jpg' alt="Profile D3" class="rounded-logo">
</a>
</div>
<h2>Hi, I'm LeAnn Weaver</h2>
<h3>Sharing my work & passion for quilting through longarm quilting, patterns, and designing.</h3>
<div class="menu">
<p>
<a href="/about/">
About
</a>
</p>
<p>
<a href="https://pinterest.com/persimmonquilts">
Portfolio
</a>
</p>
<p>
<a href="/contact/">
Contact
</a>
</p>
</div>
</div>
<div class="socials">
<a href="https://facebook.com/persimmon.quilts" class="social-link" target="_blank" rel="noopener" ><div class="icon">
<svg width="35px" height="35px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M115 12.321v90.358c0 6.802-5.519 12.321-12.321 12.321H80.782V69.513h15.556l2.233-17.352H80.782V41.07c0-5.03 1.387-8.445 8.6-8.445h9.19V17.122c-1.592-.206-7.034-.693-13.4-.693-13.246 0-22.333 8.086-22.333 22.948v12.81H47.232v17.352h15.633V115H12.321C5.52 115 0 109.481 0 102.679V12.32C0 5.52 5.519 0 12.321 0h90.358C109.48 0 115 5.519 115 12.321z" />
</svg>
</div>
</a>
</div>
</header>
<div class="mobile-header">
<p> Persimmon Quilts </p>
<div class="hamburger">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
</div>
<div class="overlay-menu">
<header>
<div class="intro">
<div class="logo-container">
<a href="/">
<img src='https://persimmon.wvr.sh/images/circle_logo.jpg' alt="Profile D3" class="rounded-logo">
</a>
</div>
<h2>Hi, I'm LeAnn Weaver</h2>
<h3>Sharing my work & passion for quilting through longarm quilting, patterns, and designing.</h3>
<div class="menu">
<p>
<a href="/about/">
About
</a>
</p>
<p>
<a href="https://pinterest.com/persimmonquilts">
Portfolio
</a>
</p>
<p>
<a href="/contact/">
Contact
</a>
</p>
</div>
</div>
<div class="socials">
<a href="https://facebook.com/persimmon.quilts" class="social-link" target="_blank" rel="noopener" ><div class="icon">
<svg width="35px" height="35px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M115 12.321v90.358c0 6.802-5.519 12.321-12.321 12.321H80.782V69.513h15.556l2.233-17.352H80.782V41.07c0-5.03 1.387-8.445 8.6-8.445h9.19V17.122c-1.592-.206-7.034-.693-13.4-.693-13.246 0-22.333 8.086-22.333 22.948v12.81H47.232v17.352h15.633V115H12.321C5.52 115 0 109.481 0 102.679V12.32C0 5.52 5.519 0 12.321 0h90.358C109.48 0 115 5.519 115 12.321z" />
</svg>
</div>
</a>
</div>
</header>
</div>
<div class="content-wrapper">
<div class="breadcrumb">
<span >
<a href="https://persimmon.wvr.sh/">Persimmon Quilts</a>
/
</span>
<span >
<a href="https://persimmon.wvr.sh/portfolio/">PORTFOLIO</a>
/
</span>
<span class="active">
<a href="https://persimmon.wvr.sh/portfolio/sample-project/">Sample project</a>
</span>
</div>
<main id="content" class="portfolio">
<h1>Sample project</h1>
<div class="tags">
<div class="designs portfolio-tags">
<div class="icon">
<svg width="18px" height="18px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M111.833 31.901l-10.355 10.355a2.698 2.698 0 0 1-3.819 0L72.727 17.324a2.698 2.698 0 0 1 0-3.819L83.082 3.15c4.2-4.2 11.028-4.2 15.251 0l13.5 13.5c4.223 4.2 4.223 11.029 0 15.251zm-48.001-9.5L4.846 81.384.085 108.676c-.652 3.684 2.56 6.873 6.244 6.244l27.291-4.784 58.985-58.985a2.698 2.698 0 0 0 0-3.818L67.673 22.4c-1.079-1.056-2.786-1.056-3.841 0zM27.87 76.33a3.132 3.132 0 0 1 0-4.448l34.591-34.59a3.132 3.132 0 0 1 4.448 0 3.132 3.132 0 0 1 0 4.447L32.317 76.33a3.132 3.132 0 0 1-4.447 0zm-8.109 18.89h10.782v8.154l-14.488 2.538-6.986-6.985 2.539-14.488h8.153V95.22z"/>
</svg>
</div>
<span>
<a href="https://persimmon.wvr.sh/designs/photoshop/">Photoshop</a>
</span>
</div>
<div class="techs portfolio-tags">
<div class="icon">
<svg width="18px" height="18px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M112.125 86.25H103.5V34.5c0-6.325-5.175-11.5-11.5-11.5H23c-6.325 0-11.5 5.175-11.5 11.5v51.75H2.875A2.883 2.883 0 0 0 0 89.125v8.625C0 107.237 7.763 115 17.25 115h80.5c9.487 0 17.25-7.763 17.25-17.25v-8.625a2.883 2.883 0 0 0-2.875-2.875zm-92-51.75c0-1.558 1.317-2.875 2.875-2.875h69c1.558 0 2.875 1.317 2.875 2.875v51.75h-74.75V34.5zm86.25 63.25c0 4.756-3.869 8.625-8.625 8.625h-80.5c-4.756 0-8.625-3.869-8.625-8.625v-2.875H41.13c1.001 1.687 2.764 2.875 4.87 2.875h23c2.106 0 3.867-1.188 4.87-2.875h32.505v2.875zM49.892 70.015l2.032-2.032a2.875 2.875 0 0 0 0-4.066L45.506 57.5l6.416-6.418a2.875 2.875 0 0 0 0-4.067l-2.032-2.032a2.875 2.875 0 0 0-4.066 0L35.34 55.466a2.875 2.875 0 0 0 0 4.066l10.483 10.483a2.877 2.877 0 0 0 4.068 0zm13.185-2.03l2.033 2.032a2.875 2.875 0 0 0 4.066 0L79.66 59.534a2.875 2.875 0 0 0 0-4.066L69.176 44.985a2.875 2.875 0 0 0-4.066 0l-2.032 2.032a2.875 2.875 0 0 0 0 4.066l6.416 6.417-6.416 6.418a2.875 2.875 0 0 0 0 4.067z" />
</svg>
</div>
<span>
<a href="https://persimmon.wvr.sh/techs/javascript/">javascript</a>
<span>- </span>
<a href="https://persimmon.wvr.sh/techs/d3/">D3</a>
</span>
</div>
<div class="portfolio-tags">
<div class="icon">
<svg width="18px" height="18px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M70.577 44.423c11.476 11.476 12.214 29.713 2.19 42.038-1.402 1.736-.625.868-19.078 19.321-12.285 12.285-32.18 12.296-44.47 0-12.29-12.284-12.294-32.176 0-44.47 7.36-7.362 11.642-11.657 14.242-14.253 1.676-1.674 4.566-.53 4.601 1.84.042 2.862.4 5.712 1.066 8.496a2.68 2.68 0 0 1-.72 2.515L18.112 70.206c-7.357 7.362-7.387 19.292 0 26.684 7.361 7.357 19.292 7.386 26.683 0L61.683 80c7.348-7.351 7.362-19.32 0-26.682a18.805 18.805 0 0 0-5.125-3.645c-1.038-.502-1.613-1.629-1.473-2.773a11.616 11.616 0 0 1 3.327-6.83l.983-.982a2.68 2.68 0 0 1 3.09-.516 31.268 31.268 0 0 1 8.092 5.851zm35.205-35.205c-12.292-12.296-32.186-12.285-44.47 0-18.454 18.453-17.677 17.585-19.08 19.32-10.023 12.326-9.285 30.563 2.19 42.039a31.268 31.268 0 0 0 8.092 5.85 2.68 2.68 0 0 0 3.091-.515l.983-.982a11.614 11.614 0 0 0 3.327-6.83c.14-1.144-.435-2.271-1.473-2.773a18.801 18.801 0 0 1-5.125-3.645c-7.362-7.362-7.348-19.33 0-26.681l16.889-16.89c7.391-7.387 19.322-7.358 26.683 0 7.387 7.39 7.357 19.321 0 26.683L86.591 55.09a2.68 2.68 0 0 0-.719 2.515 38.927 38.927 0 0 1 1.066 8.497c.035 2.368 2.925 3.513 4.602 1.84 2.6-2.596 6.88-6.892 14.242-14.253 12.293-12.294 12.288-32.187 0-44.471z"/>
</svg>
</div>
<a target="_blank" href="https://www.sampleorganization.org">https://www.sampleorganization.org</a>
</div>
<div class="portfolio-tags">
<div class="icon">
<svg width="18px" height="18px" viewBox="0 0 115 115" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img">
<path d="M77.577 51.23a1.807 1.807 0 0 0-2.2.342l-27.562 27.79a1.807 1.807 0 0 1-2.2.342l-14.008-9.702a1.807 1.807 0 0 0-2.2.342l-1.952 1.968c-.287.22-.456.568-.455.936.001.37.172.716.46.934L45.637 86.77a1.807 1.807 0 0 0 2.2-.342l31.709-31.97c.287-.22.456-.567.455-.936a1.175 1.175 0 0 0-.46-.933l-1.963-1.36z"/><path d="M97.304 20H80.512c-.041.34-.063.683-.064 1.026a5.986 5.986 0 0 0 1.256 4.1c.054.003.103.02.157.025a4.881 4.881 0 0 1 1.865-.025c3.05.562 4.984 3.907 4.32 7.47-.666 3.563-3.678 5.996-6.728 5.433a4.932 4.932 0 0 1-2.437-1.258c-6.018-1.378-10.445-7.795-10.445-15.745 0-.347.023-.685.04-1.026H34.579c-.041.34-.063.683-.064 1.026a5.986 5.986 0 0 0 1.256 4.1c.054.003.103.02.157.025a4.881 4.881 0 0 1 1.865-.025c3.05.562 4.984 3.907 4.32 7.47-.666 3.563-3.678 5.996-6.728 5.433a4.932 4.932 0 0 1-2.437-1.258c-6.018-1.378-10.445-7.795-10.445-15.745 0-.22.019-.434.025-.652a9.788 9.788 0 0 0-5.697 4.471 9.683 9.683 0 0 0-2.65 4.764L1.158 92.871c-.965 4.689 2.6 8.503 7.948 8.503h6.334v2.673c-.077 5.41 4.263 9.861 9.705 9.953h72.16c5.438-.095 9.774-4.546 9.694-9.953V29.953c.08-5.407-4.256-9.858-9.695-9.953zM10.078 96.653c-2.378 0-3.964-1.697-3.535-3.782L16.637 43.84h80.787L87.331 92.871a5.254 5.254 0 0 1-5.091 3.782H10.078zm91.535 7.394c.036 2.403-1.891 4.382-4.308 4.424h-72.16c-2.42-.04-4.352-2.018-4.32-4.424v-2.673h60.443c5.348 0 10.484-3.814 11.449-8.503l8.897-43.215v54.391z"/><path d="M34.814 33c1.243 0 2.251-1.057 2.251-2.36 0-1.305-1.008-2.362-2.25-2.362-2.04 0-4.313-3.194-4.313-7.778s2.272-7.778 4.312-7.778c1.227 0 2.536 1.163 3.386 3.084H43C41.716 11.19 38.578 8 34.814 8 29.871 8 26 13.49 26 20.5c0 7.009 3.871 12.5 8.814 12.5z"/>
</svg>
</div>
<span>2019</span>
</div>
</div>
<img title="Sample project" alt="Sample project" src="/portfolio/sample-project/sample.jpg" />
<p>This would be a description of your sample project. You can add any content you&rsquo;d like.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<h3>Testimonial</h3>
<div class="testimonial-list">
<div class="testimonial-container">
<img class="rounded-img" src="/portfolio/sample-project/john.jpg" alt="John Doe" title="John Doe" />
<p class="testimonial-name">John Doe</p>
<p class="testimonial-role">CEO @Example</p>
<blockquote class="testimonial-text">Prow scuttle parrel provost Sail ho shrouds spirits boom mizzenmast yardarm. Pinnace holystone mizzenmast quarter crow&#39;s nest nipperkin</blockquote>
</div>
</div>
</main>
</div>
<footer>
<div class="footer-wrapper">
<p>Powered by <a href="https://gohugo.io/" target="_blank" rel="external">Hugo</a>.</p>
<p>© LeAnn Weaver</p>
</div>
</footer>
<link href="https://fonts.googleapis.com/css?family=Montserrat:500,600|Raleway:400,400i,600" rel="stylesheet">
<script type="text/javascript">
document.querySelector('.mobile-header').addEventListener('click', function () {
var om = document.querySelector(".overlay-menu");
if (document.querySelector('.hamburger').classList.contains("cross")) {
document.querySelector('.hamburger').classList.remove("cross");
om.style.display = "none";
om.style.width = "0%";
om.style.height = "0%";
}
else {
document.querySelector('.hamburger').classList.add("cross");
om.style.width = "100%";
om.style.height = "100vh";
om.style.display = "block";
}
});
</script>
</body>
</html>