Text List

Component 1

Reponsibilities

  • Craft low-fidelity mocks and high-fidelity visual design, from UX to final UI, for a variety of web and mobile products

  • Collaborate with the CEO to discuss product and design strategy, including related brand and visual design strategy

  • Manage design projects with autonomy, including breadthful concept creation, iteration, and delivery to the engineering team

  • Serve as design subject matter expert and visual QA for the engineering team, including the technical co-founder

  • If you’re capable, there are also design needs in the area of graphic design, ad & brand development, and user research.

Work from home?

We got fully remote job openings

Work from Home
                    
                      <div class="job-opening-template">
                        <div class="container">
                          <!-- Muse Section -->
                          <section class="muse-section py-4">
                            <div class="row">
                              <div class="col-md-12">
                                <h4 class="mb-3 mb-md-4">Reponsibilities</h4>
                              </div>
                              <div class="col-md-6 col-lg-7">
                                <ul class="plan-features">
                                  <li>
                                    <small>
                                      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 10 10">
                                        <rect data-name="Icons/Tabler/Check background" width="10" height="10" fill="none"></rect>
                                        <path d="M9.224.133a.455.455,0,0,1,.687.592L9.867.776,3.806,6.837a.455.455,0,0,1-.592.044l-.051-.044L.133,3.806a.455.455,0,0,1,.592-.687l.051.044L3.485,5.872Z" transform="translate(0 1.25)" fill="#3485FD"></path>
                                      </svg>                  
                                    </small>
                                    <div class="feature-right">
                                      <p class="lh-lg">Craft low-fidelity mocks and high-fidelity visual design, from UX to final UI, for a variety of web and mobile products</p>
                                    </div>
                                  </li>
                                  <li>
                                    <small>
                                      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 10 10">
                                        <rect data-name="Icons/Tabler/Check background" width="10" height="10" fill="none"></rect>
                                        <path d="M9.224.133a.455.455,0,0,1,.687.592L9.867.776,3.806,6.837a.455.455,0,0,1-.592.044l-.051-.044L.133,3.806a.455.455,0,0,1,.592-.687l.051.044L3.485,5.872Z" transform="translate(0 1.25)" fill="#3485FD"></path>
                                      </svg>                  
                                    </small>
                                    <div class="feature-right">
                                      <p class="lh-lg">Collaborate with the CEO to discuss product and design strategy, including related brand and visual design strategy</p>
                                    </div>
                                  </li>
                                  <li>
                                    <small>
                                      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 10 10">
                                        <rect data-name="Icons/Tabler/Check background" width="10" height="10" fill="none"></rect>
                                        <path d="M9.224.133a.455.455,0,0,1,.687.592L9.867.776,3.806,6.837a.455.455,0,0,1-.592.044l-.051-.044L.133,3.806a.455.455,0,0,1,.592-.687l.051.044L3.485,5.872Z" transform="translate(0 1.25)" fill="#3485FD"></path>
                                      </svg>                  
                                    </small>
                                    <div class="feature-right">
                                      <p class="lh-lg">Manage design projects with autonomy, including breadthful concept creation, iteration, and delivery to the engineering team</p>
                                    </div>
                                  </li>
                                  <li>
                                    <small>
                                      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 10 10">
                                        <rect data-name="Icons/Tabler/Check background" width="10" height="10" fill="none"></rect>
                                        <path d="M9.224.133a.455.455,0,0,1,.687.592L9.867.776,3.806,6.837a.455.455,0,0,1-.592.044l-.051-.044L.133,3.806a.455.455,0,0,1,.592-.687l.051.044L3.485,5.872Z" transform="translate(0 1.25)" fill="#3485FD"></path>
                                      </svg>                  
                                    </small>
                                    <div class="feature-right">
                                      <p class="lh-lg">Serve as design subject matter expert and visual QA for the engineering team, including the technical co-founder</p>
                                    </div>
                                  </li>
                                  <li>
                                    <small>
                                      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 10 10">
                                        <rect data-name="Icons/Tabler/Check background" width="10" height="10" fill="none"></rect>
                                        <path d="M9.224.133a.455.455,0,0,1,.687.592L9.867.776,3.806,6.837a.455.455,0,0,1-.592.044l-.051-.044L.133,3.806a.455.455,0,0,1,.592-.687l.051.044L3.485,5.872Z" transform="translate(0 1.25)" fill="#3485FD"></path>
                                      </svg>                  
                                    </small>
                                    <div class="feature-right">
                                      <p class="lh-lg">If you’re capable, there are also design needs in the area of graphic design, ad & brand development, and user research.</p>
                                    </div>
                                  </li>
                                </ul>
                              </div>
                              <div class="col-md-6 col-lg-5">
                                <div class="rounded-6 shadow-dark-80 text-center px-4 px-md-5 py-5">
                                  <h4 class="mb-1">Work from home?</h4>
                                  <p class="small text-gray-600 lh-base">We got fully remote job openings</p>
                                  <div class="my-2">
                                    <img src="../assets/img/pages/work-from-home.svg" alt="Work from Home">
                                  </div>
                                  <div class="pt-4">
                                    <a href="#" class="btn btn-link link-primary">See all jobs <svg class="ml-1" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 10 18">
                                      <path d="M.293.293a1,1,0,0,1,1.3-.1l.112.1,8,8a1,1,0,0,1,.1,1.3l-.1.112-8,8A1,1,0,0,1,.2,16.405l.1-.112L7.585,9,.293,1.707A1,1,0,0,1,.2.405Z" transform="translate(0 0)" fill="#20c997"></path>
                                    </svg></a>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </section>
                        </div>
                      </div>
                    
                  

Component 2

New

Lead Product Designer

San Franciso, CA - Full Time

We’re looking for a super Product Designer here at Fabrx
Design. It is a role in New York, NY or San Francisco, CA.

UI Designer

San Franciso, CA - Full Time

We’re looking for a super Product Designer here at Fabrx
Design. It is a role in New York, NY or San Francisco, CA.

Community Manager

San Franciso, CA - Full Time

We’re looking for a super Product Designer here at Fabrx
Design. It is a role in New York, NY or San Francisco, CA.

Customer Support

San Franciso, CA - Full Time

We’re looking for a super Product Designer here at Fabrx
Design. It is a role in New York, NY or San Francisco, CA.

Lead Product Designer

San Franciso, CA - Full Time

We’re looking for a super Product Designer here at Fabrx
Design. It is a role in New York, NY or San Francisco, CA.

Lead Product Designer

San Franciso, CA - Full Time

We’re looking for a super Product Designer here at Fabrx
Design. It is a role in New York, NY or San Francisco, CA.

Work from home?

We got fully remote job openings

Work from Home

All the benefits

We got fully remote job openings

In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to show the visual form of a document or a typeface without relying on meaningful content.

                    
                      <div class="container">
                        <section class="muse-section py-4">
                          <div class="row">
                            <div class="col-md-6 col-lg-7">
                              <div class="border-bottom border-gray-200 mb-4 mb-md-5">
                                <span class="badge badge-sm badge-primary text-uppercase">New</span>
                                <h4 class="mb-lg-0 mt-2"><a href="#" class="text-black-600">Lead Product Designer</a></h4>
                                <p class="lh-lg mb-2 pb-1">San Franciso, CA - Full Time</p>
                                <p class="lh-lg">We’re looking for a super Product Designer here at Fabrx <br class="d-none d-lg-block">Design. It is a role in New York, NY or San Francisco, CA.</p>
                              </div>
                              <div class="border-bottom border-gray-200 mb-4 mb-md-5 pt-md-2">
                                <h4 class="mb-lg-0 mt-2"><a href="#" class="text-black-600">UI Designer</a></h4>
                                <p class="lh-lg mb-2 pb-1">San Franciso, CA - Full Time</p>
                                <p class="lh-lg">We’re looking for a super Product Designer here at Fabrx <br class="d-none d-lg-block">Design. It is a role in New York, NY or San Francisco, CA.</p>
                              </div>
                              <div class="border-bottom border-gray-200 mb-4 mb-md-5 pt-md-2">
                                <h4 class="mb-lg-0 mt-2"><a href="#" class="text-black-600">Community Manager</a></h4>
                                <p class="lh-lg mb-2 pb-1">San Franciso, CA - Full Time</p>
                                <p class="lh-lg">We’re looking for a super Product Designer here at Fabrx <br class="d-none d-lg-block">Design. It is a role in New York, NY or San Francisco, CA.</p>
                              </div>
                              <div class="border-bottom border-gray-200 mb-4 mb-md-5 pt-md-2">
                                <h4 class="mb-lg-0 mt-2"><a href="#" class="text-black-600">Customer Support</a></h4>
                                <p class="lh-lg mb-2 pb-1">San Franciso, CA - Full Time</p>
                                <p class="lh-lg">We’re looking for a super Product Designer here at Fabrx <br class="d-none d-lg-block">Design. It is a role in New York, NY or San Francisco, CA.</p>
                              </div>
                              <div class="border-bottom border-gray-200 mb-4 mb-md-5 pt-md-2">
                                <h4 class="mb-lg-0 mt-2"><a href="#" class="text-black-600">Lead Product Designer</a></h4>
                                <p class="lh-lg mb-2 pb-1">San Franciso, CA - Full Time</p>
                                <p class="lh-lg">We’re looking for a super Product Designer here at Fabrx <br class="d-none d-lg-block">Design. It is a role in New York, NY or San Francisco, CA.</p>
                              </div>
                              <div class="border-bottom border-gray-200 mb-4 mb-md-5 pt-md-2">
                                <h4 class="mb-lg-0 mt-2"><a href="#" class="text-black-600">Lead Product Designer</a></h4>
                                <p class="lh-lg mb-2 pb-1">San Franciso, CA - Full Time</p>
                                <p class="lh-lg">We’re looking for a super Product Designer here at Fabrx <br class="d-none d-lg-block">Design. It is a role in New York, NY or San Francisco, CA.</p>
                              </div>
                            </div>
                            <div class="col-md-6 col-lg-5">
                              <div class="rounded-6 shadow-dark-80 text-center px-4 px-md-5 py-5 mb-3 mb-md-5">
                                <h4 class="mb-1">Work from home?</h4>
                                <p class="small text-gray-600 lh-base">We got fully remote job openings</p>
                                <div class="my-2">
                                  <img src="../../assets/img/pages/work-from-home.svg" alt="Work from Home">
                                </div>
                                <div class="pt-4">
                                  <a href="#" class="btn btn-link link-primary">See all jobs <svg class="ml-1" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 10 18">
                                    <path d="M.293.293a1,1,0,0,1,1.3-.1l.112.1,8,8a1,1,0,0,1,.1,1.3l-.1.112-8,8A1,1,0,0,1,.2,16.405l.1-.112L7.585,9,.293,1.707A1,1,0,0,1,.2.405Z" transform="translate(0 0)" fill="#20c997"></path>
                                  </svg></a>
                                </div>
                              </div>
                              <br>
                              <div class="rounded-6 shadow-dark-80 px-4 px-md-5 py-5">
                                <h4 class="mb-0">All the benefits</h4>
                                <p class="small text-gray-600">We got fully remote job openings</p>
                                <p class="lh-lg">In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to show the visual form of a document or a typeface without relying on meaningful content.</p>
                                <div class="pt-2">
                                  <a href="#" class="btn btn-link link-primary">Learn more <svg class="ml-1" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 10 18">
                                    <path d="M.293.293a1,1,0,0,1,1.3-.1l.112.1,8,8a1,1,0,0,1,.1,1.3l-.1.112-8,8A1,1,0,0,1,.2,16.405l.1-.112L7.585,9,.293,1.707A1,1,0,0,1,.2.405Z" transform="translate(0 0)" fill="#20c997"></path>
                                  </svg></a>
                                </div>
                              </div>
                            </div>
                          </div>
                        </section>
                      </div>
                    
                  

Component 3

Do’s

  • Travel Can Keep You Creatively Inspired. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Duis nec condimentum quam. Fusce pellentesque faucibus lorem at viverra. Integer at feugiat odio.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta diam quis consequat malesuada.

  • Integer placerat at velit ultrices varius. Vivamus elit sapien, molestie sit amet pretium non, rhoncus in nibh.

  • Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Phasellus rhoncus erat id fringilla fermentum.

Dont’s

  • Sed non justo dictum, tristique libero quis, blandit dui. Maecenas congue libero at tellus aliquet pellentesque.

  • Praesent venenatis felis id dolor consectetur, vitae ornare arcu lacinia. Etiam rhoncus dui nisi, in malesuada justo sodales sed.

  • Aenean eleifend massa id ante feugiat, et sodales lorem elementum. Maecenas mattis urna sed.

  • Etiam quis lectus vel urna faucibus finibus nec ut tortor. Donec pharetra eros velit, sed pretium nisi vestibulum quis.

  • Vivamus ac ultrices leo. Praesent a erat in massa mollis volutpat at in tortor. Suspendisse malesuada id nunc maximus efficitur.

                    
                      <div class="job-opening-template">
                        <div class="container">
                          <!-- Muse Section -->
                          <section class="muse-section py-4">
                            <div class="row">
                              <div class="col-md-6">
                                <h4 class="mb-2 mb-md-4">Do’s</h4>
                                <ul class="plan-features">
                                  <li>
                                    <small class="bg-gray-100">
                                      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 10 10">
                                        <rect data-name="Icons/Tabler/Check background" width="10" height="10" fill="none"></rect>
                                        <path d="M9.224.133a.455.455,0,0,1,.687.592L9.867.776,3.806,6.837a.455.455,0,0,1-.592.044l-.051-.044L.133,3.806a.455.455,0,0,1,.592-.687l.051.044L3.485,5.872Z" transform="translate(0 1.25)" fill="#20C997"></path>
                                      </svg>                  
                                    </small>
                                    <div class="feature-right">
                                      <p class="lh-lg">Travel Can Keep You Creatively Inspired. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                    </div>
                                  </li>
                                  <li>
                                    <small class="bg-gray-100">
                                      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 10 10">
                                        <rect data-name="Icons/Tabler/Check background" width="10" height="10" fill="none"></rect>
                                        <path d="M9.224.133a.455.455,0,0,1,.687.592L9.867.776,3.806,6.837a.455.455,0,0,1-.592.044l-.051-.044L.133,3.806a.455.455,0,0,1,.592-.687l.051.044L3.485,5.872Z" transform="translate(0 1.25)" fill="#20C997"></path>
                                      </svg>                  
                                    </small>
                                    <div class="feature-right">
                                      <p class="lh-lg">Duis nec condimentum quam. Fusce pellentesque faucibus lorem at viverra. Integer at feugiat odio.</p>
                                    </div>
                                  </li>
                                  <li>
                                    <small class="bg-gray-100">
                                      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 10 10">
                                        <rect data-name="Icons/Tabler/Check background" width="10" height="10" fill="none"></rect>
                                        <path d="M9.224.133a.455.455,0,0,1,.687.592L9.867.776,3.806,6.837a.455.455,0,0,1-.592.044l-.051-.044L.133,3.806a.455.455,0,0,1,.592-.687l.051.044L3.485,5.872Z" transform="translate(0 1.25)" fill="#20C997"></path>
                                      </svg>                  
                                    </small>
                                    <div class="feature-right">
                                      <p class="lh-lg">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta diam quis consequat malesuada.</p>
                                    </div>
                                  </li>
                                  <li>
                                    <small class="bg-gray-100">
                                      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 10 10">
                                        <rect data-name="Icons/Tabler/Check background" width="10" height="10" fill="none"></rect>
                                        <path d="M9.224.133a.455.455,0,0,1,.687.592L9.867.776,3.806,6.837a.455.455,0,0,1-.592.044l-.051-.044L.133,3.806a.455.455,0,0,1,.592-.687l.051.044L3.485,5.872Z" transform="translate(0 1.25)" fill="#20C997"></path>
                                      </svg>                  
                                    </small>
                                    <div class="feature-right">
                                      <p class="lh-lg">Integer placerat at velit ultrices varius. Vivamus elit sapien, molestie sit amet pretium non, rhoncus in nibh.</p>
                                    </div>
                                  </li>
                                  <li>
                                    <small class="bg-gray-100">
                                      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 10 10">
                                        <rect data-name="Icons/Tabler/Check background" width="10" height="10" fill="none"></rect>
                                        <path d="M9.224.133a.455.455,0,0,1,.687.592L9.867.776,3.806,6.837a.455.455,0,0,1-.592.044l-.051-.044L.133,3.806a.455.455,0,0,1,.592-.687l.051.044L3.485,5.872Z" transform="translate(0 1.25)" fill="#20C997"></path>
                                      </svg>                  
                                    </small>
                                    <div class="feature-right">
                                      <p class="lh-lg">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Phasellus rhoncus erat id fringilla fermentum.</p>
                                    </div>
                                  </li>
                                </ul>
                              </div>
                              <div class="col-md-6">
                                <h4 class="mb-2 mb-md-4">Dont’s</h4>
                                <ul class="plan-features">
                                  <li>
                                    <small class="bg-gray-100">
                                      <svg data-name="icons/tabler/close" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 16 16">
                                        <rect data-name="Icons/Tabler/Close background" width="16" height="16" fill="none"></rect>
                                        <path d="M.82.1l.058.05L6,5.272,11.122.151A.514.514,0,0,1,11.9.82l-.05.058L6.728,6l5.122,5.122a.514.514,0,0,1-.67.777l-.058-.05L6,6.728.878,11.849A.514.514,0,0,1,.1,11.18l.05-.058L5.272,6,.151.878A.514.514,0,0,1,.75.057Z" transform="translate(2 2)" fill="#E25563"></path>
                                      </svg>
                                    </small>
                                    <div class="feature-right">
                                      <p class="lh-lg">Sed non justo dictum, tristique libero quis, blandit dui. Maecenas congue libero at tellus aliquet pellentesque.</p>
                                    </div>
                                  </li>
                                  <li>
                                    <small class="bg-gray-100">
                                      <svg data-name="icons/tabler/close" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 16 16">
                                        <rect data-name="Icons/Tabler/Close background" width="16" height="16" fill="none"></rect>
                                        <path d="M.82.1l.058.05L6,5.272,11.122.151A.514.514,0,0,1,11.9.82l-.05.058L6.728,6l5.122,5.122a.514.514,0,0,1-.67.777l-.058-.05L6,6.728.878,11.849A.514.514,0,0,1,.1,11.18l.05-.058L5.272,6,.151.878A.514.514,0,0,1,.75.057Z" transform="translate(2 2)" fill="#E25563"></path>
                                      </svg>
                                    </small>
                                    <div class="feature-right">
                                      <p class="lh-lg">Praesent venenatis felis id dolor consectetur, vitae ornare arcu lacinia. Etiam rhoncus dui nisi, in malesuada justo sodales sed.</p>
                                    </div>
                                  </li>
                                  <li>
                                    <small class="bg-gray-100">
                                      <svg data-name="icons/tabler/close" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 16 16">
                                        <rect data-name="Icons/Tabler/Close background" width="16" height="16" fill="none"></rect>
                                        <path d="M.82.1l.058.05L6,5.272,11.122.151A.514.514,0,0,1,11.9.82l-.05.058L6.728,6l5.122,5.122a.514.514,0,0,1-.67.777l-.058-.05L6,6.728.878,11.849A.514.514,0,0,1,.1,11.18l.05-.058L5.272,6,.151.878A.514.514,0,0,1,.75.057Z" transform="translate(2 2)" fill="#E25563"></path>
                                      </svg>
                                    </small>
                                    <div class="feature-right">
                                      <p class="lh-lg">Aenean eleifend massa id ante feugiat, et sodales lorem elementum. Maecenas mattis urna sed.</p>
                                    </div>
                                  </li>
                                  <li>
                                    <small class="bg-gray-100">
                                      <svg data-name="icons/tabler/close" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 16 16">
                                        <rect data-name="Icons/Tabler/Close background" width="16" height="16" fill="none"></rect>
                                        <path d="M.82.1l.058.05L6,5.272,11.122.151A.514.514,0,0,1,11.9.82l-.05.058L6.728,6l5.122,5.122a.514.514,0,0,1-.67.777l-.058-.05L6,6.728.878,11.849A.514.514,0,0,1,.1,11.18l.05-.058L5.272,6,.151.878A.514.514,0,0,1,.75.057Z" transform="translate(2 2)" fill="#E25563"></path>
                                      </svg>                 
                                    </small>
                                    <div class="feature-right">
                                      <p class="lh-lg">Etiam quis lectus vel urna faucibus finibus nec ut tortor. Donec pharetra eros velit, sed pretium nisi vestibulum quis.</p>
                                    </div>
                                  </li>
                                  <li>
                                    <small class="bg-gray-100">
                                      <svg data-name="icons/tabler/close" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 16 16">
                                        <rect data-name="Icons/Tabler/Close background" width="16" height="16" fill="none"></rect>
                                        <path d="M.82.1l.058.05L6,5.272,11.122.151A.514.514,0,0,1,11.9.82l-.05.058L6.728,6l5.122,5.122a.514.514,0,0,1-.67.777l-.058-.05L6,6.728.878,11.849A.514.514,0,0,1,.1,11.18l.05-.058L5.272,6,.151.878A.514.514,0,0,1,.75.057Z" transform="translate(2 2)" fill="#E25563"></path>
                                      </svg>                
                                    </small>
                                    <div class="feature-right">
                                      <p class="lh-lg">Vivamus ac ultrices leo. Praesent a erat in massa mollis volutpat at in tortor. Suspendisse malesuada id nunc maximus efficitur.</p>
                                    </div>
                                  </li>
                                </ul>
                              </div>
                            </div>
                          </section>
                        </div>
                      </div>
                    
                  

Component 4

Ingredients

                    
                      <div class="blog-post-template bg-gray-100">
                        <div class="container">
                          <!-- Muse Section -->
                          <section class="muse-section pt-4 pb-0 py-md-5 mt-2 mt-md-5">
                            <div class="row">
                              <div class="col-lg-12 pb-4">
                                <h2 class="mb-4">Ingredients</h2>
                                <ul class="blog-feature-list">
                                  <li>
                                    <div class="form-check">
                                      <input class="form-check-input" type="checkbox" checked id="flexCheckDefault">
                                      <label class="form-check-label" for="flexCheckDefault">2 cups pasta</label>
                                    </div>
                                  </li>
                                  <li>
                                    <div class="form-check">
                                      <input class="form-check-input" type="checkbox" checked id="flexCheckDefault2">
                                      <label class="form-check-label" for="flexCheckDefault2">2 tablespoon olive oil or butter (divided) (adjust to taste)</label>
                                    </div>
                                  </li>
                                  <li>
                                    <div class="form-check">
                                      <input class="form-check-input" type="checkbox" id="flexCheckDefault3">
                                      <label class="form-check-label" for="flexCheckDefault3">½ teaspoon cumin seeds (jeera)</label>
                                    </div>
                                  </li>
                                  <li>
                                    <div class="form-check">
                                      <input class="form-check-input" type="checkbox" id="flexCheckDefault4">
                                      <label class="form-check-label" for="flexCheckDefault4">3 cloves garlic chopped finely</label>
                                    </div>
                                  </li>
                                  <li>
                                    <div class="form-check">
                                      <input class="form-check-input" type="checkbox" id="flexCheckDefault5">
                                      <label class="form-check-label" for="flexCheckDefault5">⅓ teaspoon salt (+ ½ tsp for boiling pasta)</label>
                                    </div>
                                  </li>
                                  <li>
                                    <div class="form-check">
                                      <input class="form-check-input" type="checkbox" id="flexCheckDefault6">
                                      <label class="form-check-label" for="flexCheckDefault6">½ teaspoon red chili powder (adjust to taste)</label>
                                    </div>
                                  </li>
                                  <li>
                                    <div class="form-check">
                                      <input class="form-check-input" type="checkbox" id="flexCheckDefault7">
                                      <label class="form-check-label" for="flexCheckDefault7">½ teaspoon Garm Masala or pav bhaji masala or any other masala powder</label>
                                    </div>
                                  </li>
                                  <li>
                                    <div class="form-check">
                                      <input class="form-check-input" type="checkbox" id="flexCheckDefault8">
                                      <label class="form-check-label" for="flexCheckDefault8">½ teaspoon kasuri methi (coriander leaves)</label>
                                    </div>
                                  </li>
                                  <li>
                                    <div class="form-check">
                                      <input class="form-check-input" type="checkbox" id="flexCheckDefault9">
                                      <label class="form-check-label" for="flexCheckDefault9">2 tablespoon cream as needed (optional)</label>
                                    </div>
                                  </li>
                                </ul>
                              </div>
                            </div>
                          </section>
                        </div>
                      </div>
                    
                  

Component 5

Instructions

  • 1

    In a large pot, bring 6 cups of water to a boil.

  • 2

    Into the pan, add remaining 2 tablespoons butter and garlic. Cook until the garlic becomes fragrant, about 1 minute. Whisk in flour and cook until no longer raw.

  • 3

    In a large skillet over medium heat, heat 1 tablespoon butter until melted. Add shrimp, season with salt and pepper and cook until pink and completely opaque.

  • 4

    Drain off the pasta to a colander when done and rinse in cold water.

  • 5

    Cook fettuccine according to the instructions on box, reserving a cup of pasta water to thicken the sauce, if needed.

  • 6

    While the pasta cooks, rinse and chop the veggies.

  • 7

    Cook till al dente on a medium to high flame.

                    
                      <div class="blog-post-template bg-gray-100">
                        <div class="container">
                          <!-- Muse Section -->
                          <section class="muse-section pt-4 pb-0 py-md-5 mt-2 mt-md-5">
                            <div class="row">
                              <div class="col-lg-12">
                                <h2 class="mb-4">Instructions</h2>
                                <ul class="blog-feature-list">
                                  <li>
                                    <span class="bg-primary circle circle-sm mt-1">1</span>
                                    <div class="feature-right">
                                      <p class="lh-lg">In a large pot, bring 6 cups of water to a boil.</p>
                                    </div>
                                  </li>
                                  <li>
                                    <span class="bg-primary circle circle-sm mt-1">2</span>
                                    <div class="feature-right">
                                      <p class="lh-lg">Into the pan, add remaining 2 tablespoons butter and garlic. Cook until the garlic becomes fragrant, about 1 minute. Whisk in flour and cook until no longer raw.</p>
                                    </div>
                                  </li>
                                  <li>
                                    <span class="bg-primary circle circle-sm mt-1">3</span>
                                    <div class="feature-right">
                                      <p class="lh-lg">In a large skillet over medium heat, heat 1 tablespoon butter until melted. Add shrimp, season with salt and pepper and cook until pink and completely opaque.</p>
                                    </div>
                                  </li>
                                  <li>
                                    <span class="bg-primary circle circle-sm mt-1">4</span>
                                    <div class="feature-right">
                                      <p class="lh-lg">Drain off the pasta to a colander when done and rinse in cold water.</p>
                                    </div>
                                  </li>
                                  <li>
                                    <span class="bg-primary circle circle-sm mt-1">5</span>
                                    <div class="feature-right">
                                      <p class="lh-lg">Cook fettuccine according to the instructions on box, reserving a cup of pasta water to thicken the sauce, if needed.</p>
                                    </div>
                                  </li>
                                  <li>
                                    <span class="bg-primary circle circle-sm mt-1">6</span>
                                    <div class="feature-right">
                                      <p class="lh-lg">While the pasta cooks, rinse and chop the veggies.</p>
                                    </div>
                                  </li>
                                  <li>
                                    <span class="bg-primary circle circle-sm mt-1">7</span>
                                    <div class="feature-right">
                                      <p class="lh-lg">Cook till al dente on a medium to high flame.</p>
                                    </div>
                                  </li>
                                </ul>
                              </div>
                            </div>
                          </section>
                        </div>
                      </div>