cream PNG - Moozonian Search

GitHub Repo https://github.com/heatherterz/heatherterzz

heatherterz/heatherterzz

<!doctype html> <html> <head><meta name="data-remix-projectId" content="11097"> <meta name="data-remix-projectTitle" content="Instruction Challenge"> <meta name="data-remix-projectAuthor" content="khepworth"> <meta name="data-remix-dateUpdated" content="2016-04-08T18:06:26.528Z"> <meta name="data-remix-host" content="https://thimble.mozilla.org"> <meta name="data-remix-readonly" content="null"> <meta charset="utf-8">  <title>Heather Terzich's Instruction Tips</title> <script src="https://thimble.mozilla.org/resources/remix/index.js" type="text/javascript"></script> </head> <body>  <header> <img src="https://farm9.staticflickr.com/8697/16174797344_3c22e14ba4_o.png" width="100" align="right" height="100" alt="KH_monogram"> <h1>Heather Terzich's Website</h1> <h3>How to make a milkshake</h3> </header> <div class="wrapper"> <article>  <div class="introduction"> <div class="information"> <h1>How to make a GREAT milkshake</h1> <hr> <p><b>Assembly time:</b> 13 minutes<br> <b>Awesome rating:</b> 99% awesome</p> <hr> <p>Have you been wanting to make the best milkshake? It's really fun and easy to make. So try it for yourself? Follow these steps and you'll make an amazing milkshake!</p> </div> <aside>  <ul class="list-of-items"> <li><h2>Things You'll Need</h2></li> <li>Cup</li> <li>Milk</li> <li>Ice Cream</li> <li>Blender</li> <li>Cookie dough</li> <li>Straw</li> </ul> </aside> </div>  <ol class="step-by-step">  <li> <div class="content"> <h3>Pour the milk, ice cream, and cookie dough into the blender.</h3> <p>It is important to put the three ingredients into the blender since this is the main step.</p> </div> </li>  <li> <div class="content"> <h3>Once all three of the ingredients are in the blender go ahead and blend it.</h3> <p>Remember, only put enough of the ingredients as you want to drink.</p>  <a href="https://www.flickr.com/photos/papercherries/5535987923/in/photolist-9rcokD-6eWrim-fWL6eD-2iA96SY-a5ZXFY-rWNZBB-bxUKEr-2hiQkkX-PqTSG2-afESnL-DZypYR-78susn-8cyxj9-fgBAgq-3ogbTh-2kKpmoP-f7mrxc-3tvMd-2gaLY9a-6ms1WQ-4LZioi-3debbQ-48RCiv-6LPg5F-2howHRp-6NTkKr-29CmAdh-7P3koy-7gJx1r-yajLS-XxGy6Y-7gNtyj-2hJKzSm-7fdei3-MeaAP-edm2Kv-8whEf4-2hW9Wqn-2e2P9z-52dbPJ-6hqLCm-2kpD5gW-9UjPjj-L8Kozm-2ib15Dk-5sY8VK-2j93NN2-8EMWsU-5tTwpP-cQfemy" title="milkshakes"><img src="https://live.staticflickr.com/5260/5535987923_defbc48dd3_k.jpg" width="1371" height="2048" alt="milkshakes"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script> ></a> <p class="caption">This is a picture of an ideal milkshake.</p> </div> </li>  <li> <div class="content"> <h3>Pour the blended contents into your cup.</h3> <p>It's almost ready to drink.</p> <iframe width="560" height="315" src="https://www.youtube.com/embed/pGL2rytTraA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen</iframe> </div> </li>  <li> <div class="content"> <h3>Playing music while making your milkshake is very important.</h3> <p>This allows you to have a great time while making a great snack.</p> </div> </li>  <li> <div class="content"> <h3>Now stick a straw into your perfect milkshake.</h3> <p>And dig in!</p> </div> </li> </ol> </article> </div>  <footer> <p>The original how-to appeared in <a href=https://www.wikihow.com/Make-a-Milkshake title="How to Make a Milkshake - wikiHow">WikiHow</a>.</p> <p>Images are by <a href=https://www.flickr.com/photos/papercherries/5535987923/in/photolist-9rcokD-6eWrim-fWL6eD-2iA96SY-a5ZXFY-rWNZBB-bxUKEr-2hiQkkX-PqTSG2-afESnL-DZypYR-78susn-8cyxj9-fgBAgq-3ogbTh-2kKpmoP-3tvMd-2gaLY9a-6ms1WQ-4LZioi-3debbQ-48RCiv-6LPg5F-2howHRp-6NTkKr-f7mrxc-29CmAdh-7P3koy-7gJx1r-yajLS-XxGy6Y-7gNtyj-2hJKzSm-7fdei3-MeaAP-edm2Kv-8whEf4-2hW9Wqn-2e2P9z-52dbPJ-6hqLCm-2kpD5gW-9UjPjj-L8Kozm-2ib15Dk-5sY8VK-2j93NN2-8EMWsU-5tTwpP-cQfemy title=Milkshake by rosalind, on Flickr">paper cherries from Flickr</a></p> </footer>  <style media="screen" type="text/css"> /* STRUCTURAL ELEMENTS */ html { position: relative; min-height: 100%; min-width: 100%; width: 100%; margin: 0px; padding: 0px; overflow-x: hidden; } body { margin:0 0 130px; width:100%; font-weight:normal; font-family:Arial, sans-serif; /* CHANGE THE FONT HERE */ color:#219ebc; /* CHANGE THE FONT COLOR HERE */ } /* PAGE LAYOUT */ header, footer { padding:5%; border:0 10%; background-color:#8ecae6; /* CHANGE THE HEADER AND FOOTER COLOR HERE */ width:100%; margin:0px; } footer { width: 100%; bottom: 0; left: 0; position: float; height:70px; } header img { padding-right: 10%; position: relative; } .wrapper { width:80%; max-width:650px; margin:0 auto; padding:30px; } /* BASIC STYLES FOR THE PAGE */ a { color:#023047; /* CHANGE THE LINK COLOR HERE */ font-weight:bold; } /* Heading styles */ h1 { margin:0; width:100%; font-weight:bold; font-family:Arial, sans-serif; /* CHANGE THE HEADER FONT HERE */ } h2, h3, h4 { margin:0 0 0.5em; padding-top: 10px; font-weight:normal; } /* Paragraph Text styles */ p { margin:16px 0; line-height:1.4; font-weight:normal; } /* Styles for unordered lists <ul> */ ul { font-family:"Courier New", Courier, monospace; box-shadow:0px 2px 10px #ddd; background-color: #ffb703; /* CHANGE THE THINGS BACKGROUND COLOR HERE */ border: 1px solid #555; /* CHANGE THE THINGS BORDER HERE */ padding:0; margin:2em 0 0; position:relative; z-index:200; } /* Styles for unordered list items <li> */ ul li { list-style-type: none; border-top: 1px dotted #555; font-size:14px; color:#000; height: auto; padding: 7px 10px 5px 25px; list-style-type: square; list-style-position: inside; color:#333; } .content { background: #8ecae6; /* CHANGE THE INSTRUCTION BACKGROUND COLOR HERE */ } .step-by-step li:before { background: #03071e; /* CHANGE THE INSTRUCTION NUMBER BACKGROUND COLOR HERE */ border-top-left-radius: 50px; /* CHANGE THE INSTRUCTION SHAPE HERE */ border-bottom-left-radius: 50px; } /* Object styles */ .step-by-step img, .step-by-step iframe { width:100%; margin-bottom:10px; } img.logo { width:auto; height:100%; } /* ADVANCED STYLES*/ /* Styles for the guide introduction wrapper */ .introduction { padding:0px; position:relative; margin-bottom:40px; overflow:hidden; background:#fff; } hr { border: 0; height: 0; border-top: 1px solid #D3E3E8; } ul li:first-child { list-style-type: none; border-top: none; } /* Hover state styles for list items inside unordered list <li> */ ul li:hover { background-color: #eedc9c; } /* Step by step instructions */ .step-by-step { padding:0; position: relative; z-index:0; margin-left:40px; } .step-by-step li { position: relative; text-align: left; list-style-type: decimal; margin-bottom:20px; } .step-by-step li ol { margin-top:20px; } .step-by-step li li { list-style-type: lower-alpha; } .step-by-step .media-content { position:relative; } .step-by-step .media-content img { display:block; margin:0; width:100%; height:auto; } .step-by-step .media-content .caption { position:absolute; padding:0.5em 1em; } .step-by-step .media-content iframe { display:block; margin:0; } /* Content for each step */ .content { padding: 20px; margin-bottom:10px; border-radius: 0px 5px 5px 5px; box-shadow: 0px 0px 7px 0px rgba(0,0,0,.25); } /* Advanced CSS for item number styling */ .step-by-step li:before { content: ""; width: 40px; height:80px; position: absolute; top:0; left:-40px; z-index:-1; background: #D3E3E8; border-top-left-radius: 50px; border-bottom-left-radius: 50px; } /* Styles for sub-list item numbering */ .step-by-step li li:before { background: #333; } /* Footer credits */ footer { margin-top:50px; } footer p { font-size:12px; color:#000; } a img { border:none; } </style> </body> </html>

GitHub Repo https://github.com/Xantipo/Hexxit-ModPack

Xantipo/Hexxit-ModPack

GitHub Repo https://github.com/aniqkhaa/andriod-code

aniqkhaa/andriod-code

import 'package:flutter/material.dart'; class ShoppingCart extends StatelessWidget { const ShoppingCart({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return const Scaffold( backgroundColor: Color(0xFFD8D7DB), resizeToAvoidBottomInset: false, body: ShoppingCartSTF(), ); } } class ShoppingCartSTF extends StatefulWidget { const ShoppingCartSTF({Key? key}) : super(key: key); @override State<ShoppingCartSTF> createState() => _ShoppingCartSTFState(); } class _ShoppingCartSTFState extends State<ShoppingCartSTF> { late double width; late double height; List<String> productNameList=[ 'Facial Cleanser', 'Faiza Beauty Cream', 'Serum', 'Scrub' ]; List<String> productPriceList=[ '19.98', '3.78', '15.45', '7.09' ]; List<String> productSizeList=[ 'Size 8.78 fz ol /225ml', 'Size 7.60 fz ol /250ml', 'Size 4.34 fz ol /50ml', 'Size 6.23 fz ol /500ml' ]; List<String> productImageList=[ 'assets/images/facial_product.png', 'assets/images/facial_product.png', 'assets/images/facial_product.png', 'assets/images/shirt.png' ]; List<int> productCartCountList = [ 1, 1, 1, 1 ]; @override Widget build(BuildContext context) { width = MediaQuery.of(context).size.width; height = MediaQuery.of(context).size.height; return SafeArea( child: Container( child: Column( children: [ ///Top Bar Container( margin: EdgeInsets.only(top: height*0.03,left: width*0.035,right: width*0.035), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Container( child: Icon(Icons.arrow_back_ios_new_outlined), ), Container( child: const Text( 'Shopping Bag', style: TextStyle( fontFamily: 'poppins', fontSize: 17, fontWeight: FontWeight.w600 ), ), ), Container( child: Stack( children: [ Container( width: width*0.11, height: width*0.11, child: Card( elevation: 6.0, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(9), ), child: Icon(Icons.shopping_bag), ), ), Container( margin: EdgeInsets.only(left: width*0.07), width: width*0.045, height: width*0.045, decoration: BoxDecoration( color: Colors.black, borderRadius: BorderRadius.circular(7), ), child: Text( '3', textAlign: TextAlign.center, style: TextStyle( fontSize: 14, color: Colors.white, fontWeight: FontWeight.w500, ), ), ) ], ), ), ], ), ), /// Cart Items Container( height: height*0.42, width: width, margin: EdgeInsets.only(top: height*0.025), child: ListView.builder( itemCount: productNameList.length, itemBuilder: (BuildContext context, index){ return Container( margin: EdgeInsets.only(left: width*0.05,top: height*0.03), child: Row( children: [ ///Image Container( width: width*0.2, height: width*0.2, child: Card( elevation: 5.0, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(15.0), ), child: Container( padding: EdgeInsets.all(width*0.015), child: Image.asset( productImageList[index], ), ), ), ), Container( width: width*0.35, margin: EdgeInsets.only(left: width*0.04), child: Column( mainAxisAlignment: MainAxisAlignment.spaceEvenly, crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( child: Text( productNameList[index], style: TextStyle( fontFamily: 'poppins', fontWeight: FontWeight.w600, fontSize: 16 ), ), ), Container( child: Text( productSizeList[index], style: TextStyle( color: Colors.grey.shade500, fontFamily: 'poppins', fontWeight: FontWeight.w500, fontSize: 12 ), ), ), Container( child:Text( '\$'+productPriceList[index], style: TextStyle( fontFamily: 'poppins', fontWeight: FontWeight.w600, fontSize: 16 ), ), ), ], ), ), Container( margin: EdgeInsets.only(top: height*0.06,left: width*0.06), child: Row( children: [ InkWell( onTap: (){ if(productCartCountList[index]>1){ setState((){ productCartCountList[index]--; }); } }, child: Container( width: width*0.065, height: width*0.065, decoration: BoxDecoration( borderRadius: BorderRadius.circular(20.0), border: Border.all( width: 2.0 ), ), child: Icon( Icons.remove_rounded, size: width*0.05, ), ), ), Container( margin: EdgeInsets.symmetric(horizontal: width*0.02), child: Text( productCartCountList[index].toString(), style: TextStyle( fontFamily: 'poppins', fontWeight: FontWeight.w500, fontSize: 17, ), ), ), InkWell( onTap: (){ setState((){ productCartCountList[index]++; }); }, child: Container( width: width*0.085, height: width*0.085, child: Card( color: Colors.black, elevation: 7.0, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(25.0) ), child: Center( child: Icon( Icons.add, color: Colors.white, ), ), ), ), ), ], ), ), ], ), ); }, ), ), /// Cupon Area Container( width: width*0.8, height: height*0.08, decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.circular(10.0) ), child: Row( children: [ Container( width: width*0.47, margin: EdgeInsets.only(left: width*0.04), child: TextField( autofocus: false, style: TextStyle( fontFamily: 'poppins', ), decoration: InputDecoration( hintText: 'Promo Code', helperStyle: TextStyle( fontFamily: 'poppins', fontSize: 12, color: Colors.grey.shade400 ), border: InputBorder.none, ), ), ), Container( height: height*0.053, width: width*0.24, child: ElevatedButton( style: ElevatedButton.styleFrom( primary: Colors.black, elevation: 5.0, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(12.0) ), ), onPressed: (){}, child: Text( 'Apply', style: TextStyle( fontFamily: 'poppins', fontSize: 15, color: Colors.white, ), ), ), ), ], ), ), ///SubTotal Area Container( margin: EdgeInsets.only(left: width*0.1,right: width*0.1,top: height*0.03), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Container( child: Text( 'Subtotal', style: TextStyle( fontFamily: 'poppins', fontSize: 15, fontWeight: FontWeight.w500, ), ), ), Row( children: [ Container( child: Text( '\$45.99', style: TextStyle( fontFamily: 'poppins', fontSize: 17, fontWeight: FontWeight.w600, ), ), ), Container( child: Text( ' USD', style: TextStyle( fontFamily: 'poppins', fontSize: 14, fontWeight: FontWeight.normal, color: Colors.grey.shade500 ), ), ), ], ), ], ), ), Container( height: height*0.002, width: width*0.8, color: Colors.white, margin: EdgeInsets.only(top: height*0.014), ), ///Shipping Total Area Container( margin: EdgeInsets.only(left: width*0.1,right: width*0.1,top: height*0.03), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Container( child: Text( 'Shiopping', style: TextStyle( fontFamily: 'poppins', fontSize: 15, fontWeight: FontWeight.w500, ), ), ), Row( children: [ Container( child: Text( '\$4.99', style: TextStyle( fontFamily: 'poppins', fontSize: 17, fontWeight: FontWeight.w600, ), ), ), Container( child: Text( ' USD', style: TextStyle( fontFamily: 'poppins', fontSize: 14, fontWeight: FontWeight.normal, color: Colors.grey.shade500 ), ), ), ], ), ], ), ), Container( height: height*0.002, width: width*0.8, color: Colors.white, margin: EdgeInsets.only(top: height*0.014), ), ///Total Area Container( margin: EdgeInsets.only(left: width*0.1,right: width*0.1,top: height*0.03), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Container( child: Text( 'Bag Total', style: TextStyle( fontFamily: 'poppins', fontSize: 15, fontWeight: FontWeight.w500, ), ), ), Row( children: [ Container( margin: EdgeInsets.only(right: width*0.02), child: Text( '( 6 items) ', style: TextStyle( fontFamily: 'poppins', fontSize: 11, fontWeight: FontWeight.w500, ), ), ), Container( child: Text( '\$50.98', style: TextStyle( fontFamily: 'poppins', fontSize: 17, fontWeight: FontWeight.w600, ), ), ), Container( child: Text( ' USD', style: TextStyle( fontFamily: 'poppins', fontSize: 14, fontWeight: FontWeight.normal, color: Colors.grey.shade500 ), ), ), ], ), ], ), ), /// Checkout Area Container( width: width*0.8, height: height*0.07, margin: EdgeInsets.only(top: height*0.03), child: ElevatedButton( onPressed: (){}, style: ElevatedButton.styleFrom( primary: Colors.black, elevation: 6.0, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(30.0), ), ), child: Text( 'Proceed To Checkout', style: TextStyle( fontFamily: 'poppins', fontSize: 15, color: Colors.white, ), ), ), ), ], ), ), ); } }

GitHub Repo https://github.com/bailpb8/mm

bailpb8/mm

Delivered-To: melbailey1006@gmail.com Received: by 10.80.142.230 with SMTP id x35csp7634173edx; Wed, 6 Dec 2017 19:16:11 -0800 (PST) X-Google-Smtp-Source: AGs4zMa5WK9KfOJeZDR+r09pawALeBzo4B//0TtEbLwgg2YsX8rEB8l6yf762SvXlD9GqvNHdWjl X-Received: by 10.84.218.193 with SMTP id g1mr24280130plm.63.1512616571098; Wed, 06 Dec 2017 19:16:11 -0800 (PST) ARC-Seal: i=1; a=rsa-sha256; t=1512616571; cv=none; d=google.com; s=arc-20160816; b=O8qzKHetjtloikf4xjMAcsgKfAYTJKv+NbjqWMh4VMnYl/7UWMuOBDEbsrexP3/zxH aDJyvZaBwzDALtapJug1LqVGUP87CemVp8z0Qu0Qk2DevipTEq8l8ZiND7wLqKzHKzeO KeCeQYRcdtx9MFdpv66ckAzhde+3GUmH+RAESTy6dYrCBebYSCAD8e+H2jxcJ6WHUM+N a0WrgMUFfzxk8zSeh2WysM+QI/LncwwMq39E+nnJlRZ0gPbLbpf9KbB96cSvtNKOMryq LClxjlIZ652ONROQ5HvYFOEdpWaVd5AYikleasKqS7g6jquRjytOpha0/E+QYpHWRykq 3x0w== ARC-Message-Signature: i=1; a=rsa-sha256; c=relaxed/relaxed; d=google.com; s=arc-20160816; h=date:to:from:message-id:subject:arc-authentication-results; bh=0aF3KA46RamfaSSsMnKGRlSlIT1rFbTBp8xXeDBtnFs=; b=lcZ4Ij+m9AHegkGPARVi06yMpDT8QGn9iXpWvT7jFOACku2so7i9EiwccQv8Med+UU e9jd9rQzhcr39K44OlltDOcbb/PThyApJNJKRIQpa5+qK7/2xIXlK6mHgeqG1Eo/VHmH 1kMZRRuN8kYJumxqAbynQ1MEVDZbjT1Ww4h1SC7kLojg0s7kI2sjZ8LlfETNs9VLPhGy Jg7+bb6P2mv8+XYSXbfVQ5Uzo02aQrv4NpRsEoErRkvdFvz/Gh+oIhi2TJkWykpbRD7+ fPGgVWZ+s6HNuEfKXncKa0MG/pOHpkeB/PuK1bqZ+kbNpLbXYkH3xh+qJsWAEpaDrEI6 Ag8g== ARC-Authentication-Results: i=1; mx.google.com; spf=pass (google.com: best guess record for domain of 60236965006972677273630336784870093@compute-1.amazonaws.com designates 54.68.61.154 as permitted sender) smtp.mailfrom=60236965006972677273630336784870093@compute-1.amazonaws.com Return-Path: <60236965006972677273630336784870093@compute-1.amazonaws.com> Received: from ec2-34-237-15-72.compute-1.amazonaws.com (ec2-54-68-61-154.us-west-2.compute.amazonaws.com. [54.68.61.154]) by mx.google.com with ESMTPS id r74si3236548pfg.302.2017.12.06.19.16.10 for <melbailey1006@gmail.com> (version=TLS1 cipher=ECDHE-RSA-AES128-SHA bits=128/128); Wed, 06 Dec 2017 19:16:11 -0800 (PST) Received-SPF: pass (google.com: best guess record for domain of 60236965006972677273630336784870093@compute-1.amazonaws.com designates 54.68.61.154 as permitted sender) client-ip=54.68.61.154; Authentication-Results: mx.google.com; spf=pass (google.com: best guess record for domain of 60236965006972677273630336784870093@compute-1.amazonaws.com designates 54.68.61.154 as permitted sender) smtp.mailfrom=60236965006972677273630336784870093@compute-1.amazonaws.com Subject: Get_your_sexy_back_with Apex_Booty Message-ID: <GEGCQIVMUDUGSR0METCJ@amazonses.com> From: Apex Booty Cream <conan@egyptair.com> To: melbailey1006@gmail.com Content-Type: text/html; Date: Thu, 07 Dec 2017 04:16:10 +0100 <html> <body> <center> <a href="http://ec2-54-68-61-154.us-west-2.compute.amazonaws.com/app/wrap/YXBwL3JlZGlyZWN0aW9uL3dyYXAucGhwP3RyYWNrPUExWEMxMTc5WFIxMlhNMVhTMTBYVjM0MVhOM1hPNzVYVzNYUDJYTDI5WFU1MDYzMlhUMVg="> <img src="http://ec2-54-68-61-154.us-west-2.compute.amazonaws.com/app/image/203_booty.png"/></a> <br> <a href="http://ec2-54-68-61-154.us-west-2.compute.amazonaws.com/app/wrap/YXBwL3JlZGlyZWN0aW9uL3dyYXAucGhwP3RyYWNrPUExWEMxMTc5WFIxMlhNMVhTMTBYVjM0MVhOM1hPNzVYVzNYUDJYTDI5WFU1MDYzMlhUMlg="> <img src="http://ec2-54-68-61-154.us-west-2.compute.amazonaws.com/app/image/204_booty1.png"/></a> </center> </body> </html> <img src='http://ec2-54-68-61-154.us-west-2.compute.amazonaws.com/app/wrap/YXBwL3JlZGlyZWN0aW9uL3dyYXAucGhwP3RyYWNrPUEyWEMxMTc5WFIxMlhNMVhTMTBYVjM0MVhOM1hPNzVYVzBYUDJYTDI5WFU1MDYzMlhUMFg=' width='0' height='0'/>

GitHub Repo https://github.com/Cec1c/DeepCreamPy-Batch-Processor

Cec1c/DeepCreamPy-Batch-Processor

批量图片去马赛克或黑条处理工具，可用于游戏素材批量去码，本子PNG批量去码，不改变原有文件夹结构和透明图层

GitHub Repo https://github.com/exarp1/nutrition-label

exarp1/nutrition-label

# nutrition-label This is an ice cream survey form specified in the user-stories given in the Certification Project 'Survey Form' It is part of the **(New) Responsive Web Design** Course at [freeCodeCamp.org](freeCodeCamp.org) view the project live at: https://exarp1.github.io/icecream-survey/ (screenshot of browser zoomed out to 20% in order to show structure) ![image](https://user-images.githubusercontent.com/12552884/188054193-6236620c-23a3-4329-92ff-fec49643d9ab.png)