//Write a Java method that takes in an array of doubles and returns the product of all the doubles in the array.

public static void main(String[] args) {
		
		double[] Array1 = {2.9, 2.5, 5.6};
		double myProduct = products(Array1);
		System.out.printf("Product of array1 = %.2f " , myProduct);
		System.out.println();
}
public static double products(double[]arr) {
		double product = arr[0] * arr[1] * arr[2];
		for(int i=1;i<arr.length;i++) {
		}
		return product;
	}

//output 
Product of array1 = 40.60 

	public static void main(String[] args) {
      
//1. product array
		
		int[] Array1 = {2, 2, 5};
		int myProduct = products(Array1);
		System.out.println("Product of array1 = " + myProduct);

//2. Sum array
		int[] Array2  = {7, 5, 8, 9};
		int sum = sum(Array2);
		System.out.println("Sum of array2 are = " + sum);
		

//3. Max number in the array
		
		int[] array3 = {9, 100, 4};
		int max = getMax(array3);
		System.out.println("maximum number of array3 = " + max);
		
//4. Min number in the array
		
		int[] array4 = {10, 20, -2};
		int min = getMin(array4);
		System.out.println("minimum number of array4 = " + min);
	}
	
1.	
	public static int products(int[]arr) {
		int product = arr[0] * arr[1] * arr[2];
		for(int i=1;i<arr.length;i++) {
		}
		return product;
	}

2.	
	public static int sum(int[] arr) {
		int sum = arr[0] + arr[1] + arr[2] + arr[3];
		return sum;
	}

3.
	
	public static int getMax(int[] arr) {
		int max = arr[0];
		for(int i=0; i<arr.length;i++) {
			if(arr[i] > max) {
				max = arr[i];
			}
		}
		return max;
	}

4.
	
	public static int getMin(int[] arr) {
		int min = arr[0];
		for(int i=0; i<arr.length; i++) {
			if(arr[i]<min) {
				min = arr[i];
			}
		}
		return min;
	}
}

			
		
	

.data
x:.asciiz"Enter a number "
y:.asciiz"Factorial result is  "
.text
li $v0,51
la $a0,x
syscall
 
 
 
move $s0,$a0
move $s1,$a0
li $t0,1
loop:
mul $t0,$t0,$s0
addi $s0,$s0,-1
bgtz $s0,loop
 
li $v0,56
move $a1,$t0
la $a0, y
syscall

.data
msg1: .asciiz "Enter limit for the sum of squares numbers = "
msg2: .asciiz " \n sum of squares numbers are = "
.text
 li $v0, 51
 la $a0, msg1
 syscall
  move $s5, $a0
  
 li $v0, 1
 move $a0, $s5
 syscall
 
 addi $t5, $t5, 0
loop:
 ble $t5, $s5, increment 
 j end
increment: 
 mul $t4,$t5,$t5
 add $s2, $s2, $t4
 addi $t5, $t5, 1
j loop
end: 
 
 li $v0, 56
 move $a1, $s2
 la $a0, msg2
 syscall

public static void main(String[] args) {
		int[] numbers = new int[8];
		numbers[1] = 3;
		numbers[4] = 99;
		numbers[6] = 2;
	
		int x = numbers[1];
		numbers[x] = 42;
		numbers[numbers[6]] = 11;
		
		for(int i=0; i<8; i++) {
			System.out.print(numbers[i] + " ");
		}
		System.out.println(); }
}
//output:
0 3 11 42 99 0 2 0 

name.length
for(int i=0; i<numbers.length; i++) {
			System.out.print(numbers[i] + " ");
		}
//output
0 3 11 42 99 0 2 0 

//sometimnes we assign each element a value in loop

		for(int i=0; i<8; i++) {
			numbers[i] = 2 * i;
			System.out.println(numbers[i]);
        }
//output.
0
2
4
6
8
10
12
14

.data
x:.asciiz"Enter a number "
y:.asciiz"Factorial result is  "
.text
li $v0,51
la $a0,x
syscall
 
 
 
move $s0,$a0
move $s1,$a0
li $t0,1
loop:
mul $t0,$t0,$s0
addi $s0,$s0,-1
bgtz $s0,loop

li $v0,56
move $a1,$t0
la $a0, y
syscall

.data
msg1: .asciiz "Enter limit for the sum of squares numbers = "
msg2: .asciiz " \n sum of squares numbers are = "
.text
 li $v0, 51
 la $a0, msg1
 syscall
  move $s5, $a0
  
 li $v0, 1
 move $a0, $s5
 syscall
 
 addi $t5, $t5, 0
loop:
 ble $t5, $s5, increment 
 j end
increment: 
 mul $t4,$t5,$t5
 add $s2, $s2, $t4
 addi $t5, $t5, 1
j loop
end: 

 li $v0, 56
 move $a1, $s2
 la $a0, msg2
 syscall

class Episode {

  constructor(title, duration, minutesWatched) {

    this.title = title;

    this.duration = duration;

    // Add logic here

    // ======================

    

    if (minutesWatched === 0) {

      this.watchedText = 'Not yet watched';

      this.continueWatching = false;

    } else if (minutesWatched > 0 && minutesWatched < duration) {

      this.watchedText = 'Watching';

      this.continueWatching = true;

    } else if (minutesWatched === duration) {

      this.watchedText = 'Watched';

      this.continueWatching = false;

    }

    

    // ======================

  }

}

<a href="#" class="facebook"> </a>
<a href="#" class="instagram"> </a>
<a href="#" class="pinterest"> </a>
<a href="#" class="email"> </a>
<a href="#" class="youtube"> </a>
<a href="#" class="linkedin"> </a>

//For RSPEC
rails new Project --database=postgresql -T 

group :development, :test do
  gem 'debug', platforms: %i[mri mingw x64_mingw]
  gem 'factory_bot_rails'
  gem 'faker'
  gem 'rails-controller-testing'
  gem 'rspec-rails'
end

rails generate rspec:install

// Devise => rails_helper.rb
# DEVISE TEST
 config.include Devise::Test::IntegrationHelpers, type: :request
 
 //MIGRATION
 rails db:migrate RAILS_ENV=test

selector .elementor-heading-title{background-image: linear-gradient(to right top, #AB1F23, #EC1F27);
-webkit-background-clip: text;}

import classNames from "classnames";
import React, { useState } from 'react';
import Styles from './Arbnb.module.css'

const Airbnb = () => {
    const [activeTab, setActiveTab] = useState(1);
    const selectTab = (event) => {
        setActiveTab(event);
        console.log(event)
    }

    const left = () => {
        setActiveTab(prev => prev > 1 ? prev - 1 : prev);
    }

    const right = () => {
        setActiveTab(prev => prev < 12 ? prev + 1 : prev);
    }


    // Part 11 Section Start
    const [increaseAmount, setIncreaseAmount] = useState(10);

    const increaseDollar = () => {
        setIncreaseAmount(increaseAmount + 1);
    }

    const decreaseDollar = () => {
        setIncreaseAmount(increaseAmount - 1);
    }

    // Part 11 Section End


    // Image Upload Part Start

    const [form_data, set_form_data] = useState({
        images: [],
    });
    const [selectedImage, setSelectedImage] = useState([]);

    function handleImageChange(e) {
        let file = e.target.files[0];
        set_form_data({ ...form_data, images: [...form_data.images, e.target.files[0]] });
        setSelectedImage([...selectedImage, URL.createObjectURL(file)]);
    }

    function handleDrop(e) {
        e.preventDefault();
        const file = e.dataTransfer.files[0];
        const reader = new FileReader();
        reader.readAsDataURL(file);
        reader.onload = () => {
            setSelectedImage([...selectedImage, reader.result]);
            set_form_data({ ...form_data, images: [...form_data.images, file] });
        };
        // props.setCropPopup(true);
    }

    function handleDragOver(event) {
        event.preventDefault();
    }

    function handleDragLeave(event) {
        event.preventDefault();
    }

    const handlePaste = (e) => {
        const items = e.clipboardData.items;
        for (let i = 0; i < items.length; i++) {
            const item = items[i];
            if (item.kind === 'file' && item.type.includes('image')) {
                const blob = item.getAsFile();
                const reader = new FileReader();
                reader.onloadend = () => {
                    setSelectedImage([...selectedImage, reader.result]);
                    set_form_data({ ...form_data, images: [...form_data.images, blob] });
                };
                reader.readAsDataURL(blob);

                break;
            }
        }
    };

    const removeImage = (i) => {
        console.log(i);
        let imgs = form_data.images;
        let imgs2 = imgs[i]
        set_form_data({ ...form_data, images: imgs.filter(f => f !== imgs2) });

        let imgs3 = selectedImage;
        let imgs4 = imgs3[i]
        setSelectedImage(imgs3.filter(f => f !== imgs4));
    }
    // Image Upload Part End




    //Guest//
    const [guest, setGuest] = useState(1);

    const incGuest = () => {
        setGuest(guest + 1);
    }
    const decGuest = () => {
        setGuest(guest - 1);
    }
    //Bedroom//
    const [bedRoom, setbedRoom] = useState(1);

    const incbedRoom = () => {
        setbedRoom(bedRoom + 1);
    }
    const decbedRoom = () => {
        setbedRoom(bedRoom - 1);
    }
    //Beds//
    const [bed, setBed] = useState(1);

    const incBed = () => {
        setBed(bed + 1);
    }

    const decBed = () => {
        setBed (bed - 1);
    }
    //Bathroom//
    const [bathRoom, setbathRoom] = useState(1);

    const incbathRoom = () => {
        setbathRoom(bathRoom + 1);
    }

    const decbathRoom = () => {
        setbathRoom (bathRoom - 1);
    }

    return (
        <div className={Styles.mainContainer}>
            <div className={Styles.innerContainer}>
                <div className={Styles.title}>UK WORK VISA SPONSORSHIP ASSESSMENT FORM </div>
                <div className={Styles.formContainer}>
                    <>
                        <div className={Styles.headerSection}>
                            <div className={classNames(activeTab === 1 ? Styles.partTitleActive : Styles.partTitle)} onClick={() => selectTab(1)}>PART 1</div>
                            <div className={classNames(activeTab === 2 ? Styles.partTitleActive : Styles.partTitle)} onClick={() => selectTab(2)} >PART 2</div>
                            <div className={classNames(activeTab === 3 ? Styles.partTitleActive : Styles.partTitle)} onClick={() => selectTab(3)}>PART 3</div>
                            <div className={classNames(activeTab === 4 ? Styles.partTitleActive : Styles.partTitle)} onClick={() => selectTab(4)}>PART 4</div>
                            <div className={classNames(activeTab === 5 ? Styles.partTitleActive : Styles.partTitle)} onClick={() => selectTab(5)}>PART 5</div>
                            <div className={classNames(activeTab === 6 ? Styles.partTitleActive : Styles.partTitle)} onClick={() => selectTab(6)}>PART 6</div>
                            <div className={classNames(activeTab === 7 ? Styles.partTitleActive : Styles.partTitle)} onClick={() => selectTab(7)}>PART 7</div>
                            <div className={classNames(activeTab === 8 ? Styles.partTitleActive : Styles.partTitle)} onClick={() => selectTab(8)}>PART 8</div>
                            <div className={classNames(activeTab === 9 ? Styles.partTitleActive : Styles.partTitle)} onClick={() => selectTab(9)}>PART 9</div>
                            <div className={classNames(activeTab === 10 ? Styles.partTitleActive : Styles.partTitle)} onClick={() => selectTab(10)}>PART 10</div>
                            <div className={classNames(activeTab === 11 ? Styles.partTitleActive : Styles.partTitle)} onClick={() => selectTab(11)}>PART 11</div>
                            <div className={classNames(activeTab === 12 ? Styles.partTitleActive : Styles.partTitle)} onClick={() => selectTab(12)}>PART 12</div>
                        </div>

                        <div className={Styles.bodyFooterMain}>
                            <div className={classNames(activeTab === 8 ? Styles.formBodyImage : Styles.formBody)}>
                                <div className={Styles.formSection}>

                                    {/* Part 1 Section End */}
                                    {activeTab === 1 &&
                                        <>
                                            <div className={Styles.placeTitle}>Which of these best describes your place?</div>
                                            <div className={Styles.itemMainContainer}>
                                                <div className={Styles.itemSection}>
                                                    <div className={Styles.itemIcon}><i className="fa-solid fa-house fa-xl"></i></div>
                                                    <div className={Styles.itemTitle}>House</div>
                                                </div>
                                                <div className={Styles.itemSection}>
                                                    <div className={Styles.itemIcon}><i className="fa-solid fa-buildings fa-xl"></i></div>
                                                    <div className={Styles.itemTitle}>Apartment</div>
                                                </div>
                                                <div className={Styles.itemSection}>
                                                    <div className={Styles.itemIcon}><i className="fa-solid fa-hotel fa-xl"></i></div>
                                                    <div className={Styles.itemTitle}>Hotel</div>
                                                </div>
                                                <div className={Styles.itemSection}>
                                                    <div className={Styles.itemIcon}><i className="fa-solid fa-mug-saucer fa-xl"></i></div>
                                                    <div className={Styles.itemTitle}>Breakfast</div>
                                                </div>
                                                <div className={Styles.itemSection}>
                                                    <div className={Styles.itemIcon}><i className="fa-solid fa-house fa-xl"></i></div>
                                                    <div className={Styles.itemTitle}>House</div>
                                                </div>
                                                <div className={Styles.itemSection}>
                                                    <div className={Styles.itemIcon}><i className="fa-solid fa-house fa-xl"></i></div>
                                                    <div className={Styles.itemTitle}>House</div>
                                                </div>
                                                <div className={Styles.itemSection}>
                                                    <div className={Styles.itemIcon}><i className="fa-solid fa-mug-saucer fa-xl"></i></div>
                                                    <div className={Styles.itemTitle}>Breakfast</div>
                                                </div>
                                                <div className={Styles.itemSection}>
                                                    <div className={Styles.itemIcon}><i className="fa-solid fa-house fa-xl"></i></div>
                                                    <div className={Styles.itemTitle}>House</div>
                                                </div>
                                                <div className={Styles.itemSection}>
                                                    <div className={Styles.itemIcon}><i className="fa-solid fa-house fa-xl"></i></div>
                                                    <div className={Styles.itemTitle}>House</div>
                                                </div>
                                            </div>
                                        </>
                                    }
                                    {/* Part 1 Section End */}


                                    {/* Part 2 Section Start */}
                                    {activeTab === 2 &&
                                        <>
                                            <div style={{ color: "#04228b", }}>
                                                <h2 className={Styles.placeTitle} style={{ marginBottom: '20px' }}>What type of place will guests have?</h2>
                                                <div className={Styles.btn}>
                                                    <div className={Styles.btnLarge}>
                                                        <div className={Styles.btnlgLeft}>
                                                            <i className="fa-thin fa-house"></i>
                                                        </div>
                                                        <div className={Styles.btnlgRight}>
                                                            <h5>An entire place</h5>
                                                            <p>Guests have the whole place to themselves.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div className={Styles.btn}>
                                                    <div className={Styles.btnLarge}>
                                                        <div className={Styles.btnlgLeft}>
                                                            <i className="fa-thin fa-door-open"></i>
                                                        </div>
                                                        <div className={Styles.btnlgRight}>
                                                            <h5>A room</h5>
                                                            <p>Guests have their own room in a home, plus access to shared spaces.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div className={Styles.btn}>
                                                    <div className={Styles.btnLarge}>
                                                        <div className={Styles.btnlgLeft}>
                                                            <i className="fa-solid fa-people-roof"></i>
                                                        </div>
                                                        <div className={Styles.btnlgRight}>
                                                            <h5>A shared room</h5>
                                                            <p>Guests sleep in a room or common area that may be shared with you or others.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </>
                                    }
                                    {/* Part 2 Section End */}


                                    {/* Part 3 Section Start */}
                                    {/* Guest Place Have Start*/}
                                    {activeTab === 3 &&
                                        <div className={Styles.section}>
                                            <div className={Styles.placeTitle}>Confirm your address <br /> <span className={Styles.subPlaceTitle}>Your address is only shared with guests after they’ve made a reservation. </span> </div>
                                            <div className={Styles.inputContainer}>
                                                <div className={Styles.inputTitleSection}>
                                                    <div className={Styles.inputTitle}>Country / Region <span className={Styles.requiredSymbol}>*</span> </div>
                                                    <div className={Styles.inputTitle}>2.1</div>
                                                </div>
                                                <div className={Styles.inputFieldSection}>
                                                    <select name="" id="">
                                                        <option value=""> Afghanistan - AF</option>
                                                        <option value=""> Bangladesh - BD</option>
                                                        <option value=""> India - IN</option>
                                                        <option value=""> USA - US</option>
                                                        <option value=""> UK - GB</option>
                                                        <option value=""> Canada - CA</option>
                                                    </select>
                                                </div>
                                            </div>

                                            <div className={Styles.inputContainer}>
                                                <div className={Styles.inputTitleSection}>
                                                    <div className={Styles.inputTitle}>Address line 1 <span className={Styles.requiredSymbol}>*</span> </div>
                                                    <div className={Styles.inputTitle}>2.1</div>
                                                </div>
                                                <div className={Styles.inputFieldSection}>
                                                    <input type="text" placeholder='City / State' />
                                                </div>
                                            </div>


                                            <div className={Styles.inputContainer}>
                                                <div className={Styles.inputSectionDivider}>
                                                    <div className={Styles.divideColum}>
                                                        <div className={Styles.inputTitleSection}>
                                                            <div className={Styles.inputTitle}>Address line 2 (if applicable)  </div>
                                                            <div className={Styles.inputTitle}>2.4</div>
                                                        </div>


                                                        <div className={Styles.inputFieldSection}>
                                                            <input type="text" placeholder='Road / Street' />
                                                        </div>

                                                    </div>
                                                    <div className={Styles.divideColum}>
                                                        <div className={Styles.inputTitleSection}>
                                                            <div className={Styles.inputTitle}>City<span className={Styles.requiredSymbol}> * </span> </div>
                                                            <div className={Styles.inputTitle}>2.5</div>
                                                        </div>
                                                        <div className={Styles.inputFieldSection}>
                                                            <input type="text" placeholder='Dhaka' />
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>

                                            <div className={Styles.inputContainer}>
                                                <div className={Styles.inputSectionDivider}>
                                                    <div className={Styles.divideColum}>
                                                        <div className={Styles.inputTitleSection}>
                                                            <div className={Styles.inputTitle}>State / province / territory <span className={Styles.requiredSymbol}> * </span> </div>
                                                            <div className={Styles.inputTitle}>2.5</div>
                                                        </div>
                                                        <div className={Styles.inputFieldSection}>
                                                            <input type="text" placeholder='Dhaka Division' />
                                                        </div>

                                                    </div>

                                                    <div className={Styles.divideColum}>
                                                        <div className={Styles.inputTitleSection}>
                                                            <div className={Styles.inputTitle}>Post code <span className={Styles.requiredSymbol}> * </span> </div>
                                                            <div className={Styles.inputTitle}>2.5</div>
                                                        </div>
                                                        <div className={Styles.inputFieldSection}>
                                                            <input type="text" placeholder='1230' />
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>

                                        </div>
                                    }
                                    {/* Guest Place Have Start*/}
                                    {/* Part 3 Section End */}


                                    {/* Part 4 Section Start */}
                                    {activeTab === 4 &&
                                        <>
                                            <div style={{ color: "#04228b", }}>

                                            <div className={Styles.placeTitle}>Share some basics about your place <br /> <span className={Styles.subPlaceTitle}> You'll add more details later, such as bed types. </span> </div>
                                            <div className={Styles.btnSel}>
                                                <div className={Styles.btnSelLarge}>
                                                    <div className={Styles.btnSelLeft}>
                                                        <h5>Guest</h5>
                                                    </div>
                                                    <div className={Styles.btnSelRight}>
                                                        <i onClick={incGuest} className="fa-thin fa-plus"></i>
                                                        <span>{guest }</span>
                                                        <i onClick={decGuest} className="fa-thin fa-minus"></i>
                                                    </div>
                                                </div>
                                            </div>
                                            <div className={Styles.btnSel}>
                                                <div className={Styles.btnSelLarge}>
                                                    <div className={Styles.btnSelLeft}>
                                                        <h5>Bedrooms</h5>
                                                    </div>
                                                    <div className={Styles.btnSelRight}>
                                                        <i onClick={incbedRoom} className="fa-thin fa-plus"></i>
                                                        <span>{bedRoom}</span>
                                                        <i onClick={decbedRoom} className="fa-thin fa-minus"></i>                                                </div>
                                                </div>
                                            </div>
                                            <div className={Styles.btnSel}>
                                                <div className={Styles.btnSelLarge}>
                                                    <div className={Styles.btnSelLeft}>
                                                        <h5>Beds</h5>
                                                    </div>
                                                    <div className={Styles.btnSelRight}>
                                                        <i onClick={incBed} className="fa-thin fa-plus"></i>
                                                        <span>{bed}</span>
                                                        <i onClick={decBed} className="fa-thin fa-minus"></i>
                                                    </div>
                                                </div>
                                            </div>
                                            <div className={Styles.btnSel}>
                                                <div className={Styles.btnSelLarge}>
                                                    <div className={Styles.btnSelLeft}>
                                                        <h5>Bathrooms</h5>
                                                    </div>
                                                    <div className={Styles.btnSelRight}>
                                                        <i onClick={incbathRoom} className="fa-thin fa-plus"></i>
                                                        <span>{bathRoom}</span>
                                                        <i onClick={decbathRoom} className="fa-thin fa-minus"></i>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        </>
                                    }
                                    {/* Part 4 Section End */}


                                    {/* Part 5 Section Start */}
                                    {/* Place Basics Start*/}
                                    {activeTab === 5 &&
                                        <>
                                            <div className={Styles.placeTitle}>Tell guests what your place has to offer <br /> <span className={Styles.subPlaceTitle}> You can add more amenities after you publish your listing.</span> </div>
                                            <div className={Styles.itemMainContainer}>
                                                <div className={Styles.itemSection}>
                                                    <div className={Styles.itemIcon}> <i className="fa-light fa-wifi fa-2xl"></i> </div>
                                                    <div className={Styles.itemTitle}>Wifi</div>
                                                </div>
                                                <div className={Styles.itemSection}>
                                                    <div className={Styles.itemIcon}> <i className="fa-light fa-tv fa-2xl"></i> </div>
                                                    <div className={Styles.itemTitle}>TV</div>
                                                </div>
                                                <div className={Styles.itemSection}>
                                                    <div className={Styles.itemIcon}> <i className="fa-thin fa-user-chef fa-2xl"></i> </div>
                                                    <div className={Styles.itemTitle}>Kitchen</div>
                                                </div>
                                                <div className={Styles.itemSection}>
                                                    <div className={Styles.itemIcon}> <i className="fa-thin fa-washing-machine fa-2xl"></i> </div>
                                                    <div className={Styles.itemTitle}>Washer</div>
                                                </div>
                                                <div className={Styles.itemSection}>
                                                    <div className={Styles.itemIcon}> <i className="fa-thin fa-air-conditioner fa-2xl"></i> </div>
                                                    <div className={Styles.itemTitle}>Air Conditioning</div>
                                                </div>
                                                <div className={Styles.itemSection}>
                                                    <div className={Styles.itemIcon}> <i className="fa-thin fa-car fa-2xl"></i> </div>
                                                    <div className={Styles.itemTitle}>Free Parking</div>
                                                </div>
                                            </div>
                                        </>
                                    }
                                    {/* Part 5 Section End */}
                                    {/* Place Basics Start*/}

                                    {/* Part 6 Section Start */}
                                    {activeTab === 6 &&
                                        <>
                                            <div className={Styles.placeTitle}> Do you have any standout amenities?  </div>
                                            <div className={Styles.itemMainContainer}>
                                                <div className={Styles.itemSection}>
                                                    <div className={Styles.itemIcon}> <i class="fa-thin fa-person-swimming fa-2xl"></i> </div>
                                                    <div className={Styles.itemTitle}>Pool</div>
                                                </div>
                                                <div className={Styles.itemSection}>
                                                    <div className={Styles.itemIcon}> <i class="fa-thin fa-hot-tub-person fa-2xl"></i> </div>
                                                    <div className={Styles.itemTitle}>Hot tub </div>
                                                </div>
                                                <div className={Styles.itemSection}>
                                                    <div className={Styles.itemIcon}> <i class="fa-thin fa-cloud fa-2xl"></i></div>
                                                    <div className={Styles.itemTitle}>BBQ grill</div>
                                                </div>
                                                <div className={Styles.itemSection}>
                                                    <div className={Styles.itemIcon}> <i class="fa-thin fa-shower fa-2xl"></i> </div>
                                                    <div className={Styles.itemTitle}>Outdoor shower</div>
                                                </div>
                                                <div className={Styles.itemSection}>
                                                    <div className={Styles.itemIcon}> <i class="fa-thin fa-fire fa-2xl"></i> </div>
                                                    <div className={Styles.itemTitle}>Fire pit</div>
                                                </div>
                                                <div className={Styles.itemSection}>
                                                    <div className={Styles.itemIcon}> <i class="fa-thin fa-umbrella-beach fa-2xl"></i> </div>
                                                    <div className={Styles.itemTitle}>Beach access</div>
                                                </div>
                                            </div>
                                        </>
                                    }
                                    {/* Part 6 Section End */}

                                    {/* Part 7 Section Start */}
                                    {activeTab === 7 &&
                                        <>
                                            <div className={Styles.placeTitle}> Do you have any of these safety items?</div>
                                            <div className={Styles.itemMainContainer}>
                                                <div className={Styles.itemSection}>
                                                    <div className={Styles.itemIcon}> <i class="fa-thin fa-sensor-fire fa-2xl"></i> </div>
                                                    <div className={Styles.itemTitle}>Smoke alarm</div>
                                                </div>
                                                <div className={Styles.itemSection}>
                                                    <div className={Styles.itemIcon}> <i class="fa-thin fa-kit-medical fa-2xl"></i> </div>
                                                    <div className={Styles.itemTitle}>First aid kit</div>
                                                </div>
                                                <div className={Styles.itemSection}>
                                                    <div className={Styles.itemIcon}> <i class="fa-thin fa-fire-extinguisher fa-2xl"></i></div>
                                                    <div className={Styles.itemTitle}>Fire extinguisher</div>
                                                </div>
                                                <div className={Styles.itemSection}>
                                                    <div className={Styles.itemIcon}> <i class="fa-thin fa-sensor-on fa-2xl"></i> </div>
                                                    <div className={Styles.itemTitle}>Carbon monoxide alarm</div>
                                                </div>

                                            </div>
                                        </>
                                    }
                                    {/* Part 7 Section End */}

                                    {/* Part 8 Section Start */}
                                    {activeTab === 8 &&
                                        <>
                                            <div className="tab-pane fade show active" >
                                                <div className="row pb-0">
                                                    <div className="col-md-12">
                                                        <div className={Styles.imageDropDownContainer}
                                                            onPaste={handlePaste}
                                                            onDrop={handleDrop}
                                                            onDragOver={handleDragOver}
                                                            onDragLeave={handleDragLeave}
                                                            style={(selectedImage.length > 0 || form_data.images.length > 0) ? { justifyContent: 'flex-start', flexWrap: 'wrap', alignItems: 'unset' } : {}} >
                                                            {selectedImage.length > 0 ?
                                                                selectedImage.map((v, i) =>
                                                                    <div className={Styles.imageLoadedContainer}>
                                                                        <div className={Styles.uploadedImage} key={i + '_img'}>
                                                                            <img src={v} alt="Preview" />
                                                                            <span className={Styles.deleteImgIcon} onClick={() => removeImage(i)}><i className="fa-light fa-trash-can"></i></span>
                                                                        </div>
                                                                    </div>
                                                                )
                                                                : ''
                                                            }
                                                            <div className={Styles.imageUploadContainer}>
                                                                <label className={Styles.uploaderDiv} htmlFor={'imageUpload'}>
                                                                    <input type={'file'} name={'imageUpload'} id={'imageUpload'} onChange={handleImageChange} accept="image/*" hidden />
                                                                    <span className={Styles.addIcon}>
                                                                        <i className="fa-thin fa-circle-plus"></i>
                                                                    </span>
                                                                    <span className={Styles.addLabel}>Add Image</span>
                                                                </label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </>
                                    }
                                    {/* Part 8 Section End */}

                                    {/* Part 9 Section Start */}
                                    {activeTab === 9 &&
                                        <>
                                            <div className={Styles.section}>
                                                <div className={Styles.placeTitle}>Now, let's give your house a title <br /> <span className={Styles.subPlaceTitle}> Short titles work best. Have fun with it—you can always change it later.</span> </div>
                                                <div className={Styles.inputContainer}>
                                                    <div className={Styles.inputTitleSection}>
                                                        <div className={Styles.inputTitle}> </div>
                                                        <div className={Styles.inputTitle}>9.1</div>
                                                    </div>
                                                    <div className={Styles.inputFieldSectionTextarea}>
                                                        <textarea type="textarea" rows="4" cols="50" />
                                                    </div>
                                                </div>

                                            </div>
                                        </>
                                    }
                                    {/* Part 9 Section End */}

                                    {/* Part 10 Section Start */}
                                    {activeTab === 10 &&
                                        <>
                                            <div className={Styles.placeTitle}>Choose who to welcome for your first reservation</div>
                                            <div className={Styles.itemReservationContainer}>
                                                <div className={Styles.reservationItems}>
                                                    <div className={Styles.reservationTitle}>Any Airbnb guest</div>
                                                    <div className={Styles.reservationSubTitle}>Get reservation faster when you welcome anyone from the Airbnb community</div>
                                                </div>
                                                <div className={Styles.reservationItems}>
                                                    <div className={Styles.reservationTitle}>An experienced guest</div>
                                                    <div className={Styles.reservationSubTitle}> For your first guest, welcome someone with a good track record on Airbnb who can offer tips for how to be a great Host</div>
                                                </div>
                                            </div>
                                        </>
                                    }
                                    {/* Part 10 Section End */}

                                    {/* Part 11 Section Start */}
                                    {activeTab === 11 &&
                                        <>
                                            <div className={Styles.inputContainer}>
                                                <div className={Styles.placeTitle}>Now, set your price<br /> <span className={Styles.subPlaceTitle}> You can change it anytime. </span> </div>
                                                <div className={Styles.priceSetContainer}>
                                                    <div className={Styles.priceSection}>
                                                        <div className={Styles.priceIcon} onClick={decreaseDollar} style={increaseAmount === 10 ? { pointerEvents: 'none', opacity: '0.4' } : {}}><i class="fa-light fa-minus fa-lg"></i></div>
                                                        <div className={Styles.priceAmount}>
                                                            <div > ${increaseAmount} </div>
                                                        </div>
                                                        <div className={Styles.priceIcon} onClick={increaseDollar}><i class="fa-light fa-plus fa-lg"></i></div>
                                                    </div>
                                                    <div className={Styles.perNight}>Per night</div>
                                                    <div className={Styles.note}>Places like yours in your area usually range from $10 to $14</div>
                                                </div>
                                            </div>
                                        </>
                                    }
                                    {/* Part 11 Section End */}

                                    {/* Part 12 Section Start */}
                                    {activeTab === 12 &&
                                        <>
                                            <div className={Styles.inputContainer}>
                                                <div className={Styles.placeTitle}> Just one last step! <br /> <span className={Styles.subPlaceTitle}> Does your place have any of these? </span> </div>
                                                <div className={Styles.justOneStepContainer}>
                                                    <div className={Styles.justOneStepTitle}>Security camera(s)</div>
                                                    <div className={Styles.justOneStepInput}> <input type="checkbox" checked /> </div>
                                                </div>
                                                <div className={Styles.justOneStepContainer}>
                                                    <div className={Styles.justOneStepTitle}>Weapons</div>
                                                    <div className={Styles.justOneStepInput}> <input type="checkbox" /> </div>
                                                </div>
                                                <div className={Styles.justOneStepContainer}>
                                                    <div className={Styles.justOneStepTitle}>Dangerous animals</div>
                                                    <div className={Styles.justOneStepInput}> <input type="checkbox" /> </div>
                                                </div>
                                            </div>

                                        </>
                                    }
                                    {/* Part 12 Section End */}
                                </div>
                            </div>
                            {/* Change Arrow Sign Part Start */}
                            <div className={Styles.footerContainer}>
                                <div className={Styles.arrowContainer}>
                                    <div className={Styles.arrowIcon} style={activeTab === 1 ? { pointerEvents: 'none', opacity: '0.4' } : {}} onClick={left}><i className="fa-thin fa-angle-left fa-2xl"></i></div>
                                    <div className={Styles.saveExitContainer}>Save & Exit</div>
                                    <div className={Styles.arrowIcon} style={activeTab === 12 ? { pointerEvents: 'none', opacity: '0.4' } : {}} onClick={right}><i className="fa-thin fa-angle-right fa-2xl"></i></div>
                                </div>
                            </div>
                            {/* Change Arrow Sign Part End */}
                        </div>

                    </>
                </div>
            </div>
        </div>
    )
}

export default Airbnb;

.mainContainer {
    width: 100%;
    height: 100vh;
    background-color: var(--outer-background-color);
    padding-top: 47px;
    padding-bottom: 66px;
}

.innerContainer {
    width: 80%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.title {
    font-size: 16px;
    color: var(--font-color);
    font-weight: 500;
    letter-spacing: 0.7px;
}

.formContainer {
    width: 100%;
    height: 100%;
    border: 1px solid var(--border-solid-color);
    background-color: var(--inner-background-color);
}

.headerSection {
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: flex;
}

.partTitleActive {
    width: 16.66%;
    height: 100%;
    text-align: center;
    color: var(--font-color);
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
    text-underline-offset: 5px;
    border-left: 1px solid var(--border-solid-color);

    cursor: pointer;
}

.partTitle {
    width: 16.66%;
    height: 100%;
    text-align: center;
    color: var(--font-color);
    font-size: 14px;
    font-weight: 400;
    border-left: 1px solid var(--border-solid-color);
    border-bottom: 1px solid var(--border-solid-color);
    cursor: pointer;
}

.formBody {
    width: 50%;
    height: auto;
    margin: auto;
    margin-top: 50px;
}

.formBodyImage {
    width: 91%;
    height: 440px;
    margin: auto;
    margin-top: 50px;
}

.formSection {
    width: 100%;
    height: 100%;
}

.section {
    width: 100%;
    height: 100%;
}

.inputTitleSection {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.inputTitle {
    font-size: 12px;
    color: var(--font-color);
}

.requiredSymbol {
    color: var(--required-symbol-color);
}

.inputContainer {
    margin-bottom: 12px;
}

.inputFieldSection {
    width: 100%;
    height: 40px;
    border: 1px solid var(--border-solid-color);
}

.inputFieldSectionTextarea {
    width: 100%;
    height: 40px;
    /* border: 1px solid var(--border-solid-color); */
}

.inputFieldSectionTextarea textarea {
    border: 1px solid var(--border-solid-color);
}


.inputFieldSection input {
    width: 100%;
    height: 100%;
    padding: 0 15px;
    font-size: 16px;
    font-weight: 100;
    color: var(--font-color);
    border: none;
    letter-spacing: 1.5px;
}

.inputFieldSection input:focus {
    /* border: 1px solid var(--font-color);
    outline: none; */
}

.inputFieldSection input::placeholder {
    font-size: 16px;
    font-style: normal;
    font-weight: 100;
    color: var(--input-placeholder-color);
}

.inputFieldSection select {
    width: 100%;
    height: 100%;
    padding: 0 15px;
    font-size: 16px;
    font-weight: 100;
    background-color: var(--input-background-color);
    border: none;
    color: var(--font-color);
}

.radioBtnSection {
    width: 100%;
    height: 40px;
    /* line-height: 40px; */
    /* border: 1px solid var(--border-solid-color); */
}

.radioBtnSection input {
    height: 18px;
    width: 30px;
    vertical-align: middle;
    accent-color: var(--font-color);
}

.radioBtnSection label {
    font-size: 15px;
}

.inputSectionDivider {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    column-gap: 30px;
}

.divideColum {
    width: 50%;
    height: 100%;
}


/*  Part 1 Section Start */

.placeTitle {
    font-size: 20px;
    color: var(--font-color);
    margin-bottom: 10px;
    line-height: 22px;
}

.subPlaceTitle {
    font-size: 16px;
    font-weight: 100;
}

.itemMainContainer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items: center;
    text-align: center;
}

.itemSection {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 90px;
    cursor: pointer;
    border: 1px solid var(--border-solid-color);
}

.itemSection:hover {
    border: 1px solid var(--font-color);
    background-color: var(--font-color);
}

.itemSection:hover .itemTitle {
    color: var(--font-hover-color);
}

.itemSection:hover .itemIcon i {
    color: var(--font-hover-color)
}


.itemIcon i {
    color: var(--font-color);
}

.itemTitle {
    font-size: 16px;
    color: var(--font-color);
    padding-top: 3px;
}

/*  Part 1 Section End */


/* Part 10 Start */
.itemReservationContainer {
    display: grid;
    grid-template-rows: repeat(1, 1fr);
    grid-row-gap: 30px;
    justify-content: center;
}
.reservationItems {
    min-height: 110px;
    padding: 15px 10px;
    border: 1px solid var(--border-solid-color);
    justify-items: center;
}
.reservationItems:hover{
    cursor: pointer;
    background-color: var(--arrow-background-color);
}
.reservationTitle {
    font-size: 20px;
    color: var(--font-color);
}

.reservationSubTitle {
    font-size: 14px;
    color: var(--font-color);
}

/* Part 10 End */

/* Part 11 Start */
.priceSetContainer {
    width: 100%;
    padding: 30px 0;
    /* background-color: white; */
}

.priceSection {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 20px;
}

.priceIcon {
    height: 35px;
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid var(--border-solid-color);
    color: var(--font-color);
    cursor: pointer;
}

.priceIcon:hover {
    background-color: var(--font-color);
    color: white;
    border: none;
}

.priceAmount {
    width: 100%;
    padding: 20px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    color: var(--font-color);
    border: 1px solid var(--border-solid-color);
}

.perNight {
    text-align: center;
    font-size: 18px;
    color: var(--font-color);
}

.note {
    font-size: 18px;
    color: var(--font-color);
    text-align: center;
    padding: 50px 30px 0 30px;
}

/* Part 11 End */


/* Part 12 Start */
.justOneStepContainer {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.justOneStepTitle {
    font-size: 16px;
    color: var(--font-color);
}

.justOneStepInput input {
    width: 20px;
    height: 20px;
    accent-color: var(--font-color);
    cursor: pointer;
}

/* Part 12 End */



/* Image Section Start */
.imageDropDownContainer {
    width: 100%;
    /* min-height: 344px; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.imageLoadedContainer {}


.uploadedImage {
    width: 140px;
    height: 100px;
    background: white;
    border-radius: 0.1rem;
    box-shadow: 0 1px 15px rgb(0 0 0 / 4%), 0 1px 6px rgb(0 0 0 / 4%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    display: inline-flex;
    flex-wrap: wrap;
    overflow: hidden;
    padding: 5px;
    position: relative;
}

.imageUploadContainer {
    position: absolute;
    width: 140px;
    height: 100px;
    bottom: 140px;
    right: 50%;
    left: 50%;
    margin-left: -87px;
}

.uploaderDiv {
    width: 140px;
    height: 100px;
    background: white;
    border-radius: 0.1rem;
    box-shadow: 0 1px 15px rgb(0 0 0 / 4%), 0 1px 6px rgb(0 0 0 / 4%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-left: 10px;
    cursor: pointer;
}

.deleteImgIcon {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ff0000;
    background-color: rgb(255 255 255 / 20%);
    border-radius: 2px;
    visibility: hidden;
}


.uploadedImage:hover .deleteImgIcon {
    visibility: visible;
    cursor: pointer;
}

.deleteImgIcon:hover {
    background-color: rgb(1 41 101 / 20%);
}

.uploadedImage img {
    max-width: 100%;
    object-fit: contain;
    max-height: 100%;
}

.addIcon {
    font-size: 26px;
    margin-bottom: 8px;
    color: #012965;
}

.addLabel {
    font-size: 16px;
    color: #012965;
}

/* Image Section Start */





/* Change Arrow Sign Part Start */

.footerContainer {
    width: 100%;
    height: auto;
    /* position: fixed; */

}

.arrowContainer {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-self: end;
    /* transform: translate(0px, -75px); */
    padding: 0px 50px;
    align-items: center;
}

.arrowIcon {
    cursor: pointer;
    color: var(--font-color);
    width: 40px;
    height: 40px;
    line-height: 37px;
    border-radius: 50%;
    background-color: var(--arrow-background-color);
    text-align: center;
    border: 1px solid var(--arrow-border-color);
}

.saveExitContainer {
    height: 24px;
    width: 140px;
    text-align: center;
    line-height: 19px;
    margin-right: 15px;
    color: var(--font-color);
    font-size: 14px;
    /* margin-top: 7px; */
    border: 1px solid var(--border-solid-color);
    cursor: pointer;
}

.saveExitContainer:hover {
    background-color: var(--font-color);
    color: white;
}


/* Change Arrow Sign Part End */


/*Ainul's Css Start*/
/* Guest Place Have Start*/
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}

h5 {
    font-size: 16px;
}

p {
    font-size: 14px;
}

.btn {
    width: 100%;
    /* border: solid 1px var(--border-solid-color); */
    border-top: solid 1px var(--border-solid-color);
}

.btnLarge:hover {
    background-color: var(--arrow-background-color);
    cursor: pointer;
}


.btnLarge {
    display: flex;
    align-items: center;
    width: 100%;
    height: 70px;
    padding: 10px 0px;
}

.btnlgRight {
    width: 80%;
}

.btnlgLeft {
    display: flex;
    font-size: 36px;
    width: 20%;
    flex-direction: column;
    align-items: center;
}

/* Guest Place Have End*/
/* Place Basics Start*/
.btnSel {
    width: 100%;
    border-bottom: solid 1px var(--border-solid-color);
}

.btnSelLeft {
    width: 70%;
}

.btnSelLarge {
    padding: 20px 25px;
    display: flex;
    align-items: center;
    width: 100%;
}

.btnSelRight {
    display: flex;
    text-align: end;
    width: 30%;
    flex-direction: row-reverse;
    font-size: 18px;

}

.btnSelRight i {
    border: solid 1px var(--border-solid-color);
    border-radius: 100%;
    padding: 5px;
    font-size: 16px;

}

.btnSelRight i:hover {
    font-weight: 600;
    cursor: pointer;
}

.btnSelRight span {
    padding: 0 10px;
    display: flex;
    align-items: center;
}

/* Place Basics End*/
/*Ainul's Css Start*/

public with sharing class LazyInitializedSingleton {

//private static instance of the class
private static LazyInitializedSingleton instance = null;

//private constructor to avoid creating an instance anywhere outside of this class
private LazyInitializedSingleton(){}

public static LazyInitializedSingleton getInstance(){
    if(instance == null){
        instance = new LazyInitializedSingleton();
    }
    return instance;
}

public with sharing class EagerInitializedSingleton {

//private static instance of the class
private static final EagerInitializedSingleton instance = new EagerInitializedSingleton();

//private constructor to avoid creating an instance anywhere outside of this class
private EagerInitializedSingleton(){}

public static EagerInitializedSingleton getInstance(){
    return instance;
}

A must-have ChatGPT prompt for Twitter Creators 

CONTEXT:
You are Hook Generator GPT, a professional content marketer who helps Solopreneurs with building an audience on Twitter. You are a world-class expert in writing attention-grabbing hook tweets for Twitter threads.

GOAL:
I want you to generate 10 different hook tweets for my Twitter thread. Each hook tweet should be a unique hook type. Don't repeat the same pattern multiple times.

HOOK TWEET CRITERIA:
- Hook tweet has only one goal — grab the attention and nudge users to open the thread
- Hook tweets should be less than 280 characters
- Each paragraph starts from a new line. 
- Each paragraph is exactly 1 sentence long. Each sentence is no longer 10 words
- Hook tweet should have 2-4 paragraphs
- First sentence is really short to help users start reading the hook tweet
- Never include hashtags. Delete them before sending your response
- Don't use rhetorical questions too often

INFORMATION ABOUT ME:
My thread: 5 ways to improve your product positioning
My content style: thought-provoking, actionable

FORMATTING EXAMPLE:
We had nothing 6 months ago.

No audience, no revenue, no products.

Yesterday we crossed $21 000 in revenue.

Here are 10 actionable lessons from this journey.

RESPONSE STRUCTURE:
**Hook type name**
Hook tweet (aligned with my formatting example)

**Hook type name**
Hook tweet line (aligned with my formatting example)

build
**Hook type name**
Hook tweet line (aligned with my formatting example)

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

ERROR:  While executing gem ... (Gem::FilePermissionError)

    You don't have write permissions for the /System/Library/Frameworks/Ruby.framework/Versions/2.6/usr/lib/ruby/gems/2.6.0 directory.




Hi Guys, My solution (on Big Sur 11.6.2):

Step 1:

Install brew

1. curl -fsSL -o install.sh https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh
 Save
2. /bin/bash install.sh
 Save
Step 2:

brew install chruby ruby-install
 Save
Step 3:

brew install cocoapods
 Save
Step 4: (Check your cocoapods version):

brew upgrade cocoapods
 Save
Képernyőfotó 2022-01-17 - 16.18.41.png

Need Xcode Command Line Tools, if not installed then run this command: sudo xcode-select --install

להשתמש לא יותר מ 3 משקלים בפונט - אז כמובן שלא להתקין אותם באלמנטור.
דבר שני - צריך ברוקט לטעון פונטים מראש.
דבר שלישי - אם לא משתמשים עם פונטים של גוגל, רצוי לבטל אותם בהגדרות של אלמנטור בלוח הבקרה.
 דינה איזנברג: איך עושים את השלישי?
 יוסי מנהל קבוצה אלמנטור: הכי פשוט: לוח הבקרה > אלמנטור > הגדרות > מתקדם > גוגל פונט = לכבות
 יוסי מנהל קבוצה אלמנטור: לגבי 1: לא להתקין באלמנטור משקלים לא שימושיים. למי שלא הבין.

if (allArticles.size() > 0) {
    Integer count = 0;
 List<Knowledge__kav> scope = new List<Knowledge__kav>();
 for (Knowledge__kav single : allArticles) {
     if (count < BATCH_SIZE) {
     count++;
 scope.add(single);
 } else if (count == BATCH_SIZE) {
 count = 0;
 System.enqueueJob(new KnowledgeEditQueue(scope));
 scope = new List<Knowledge__kav>();
 scope.add(single);
 }
 }
 if (!scope.isEmpty()) {
     System.enqueueJob(new KnowledgeEditQueue(scope));
 }
 }

import nltk
import ssl

try:
    _create_unverified_https_context = ssl._create_unverified_context
except AttributeError:
    pass
else:
    ssl._create_default_https_context = _create_unverified_https_context

nltk.download()

  <link rel="stylesheet" href="https://cdn.siemens.net/css/main.css">

<>
                                        <div style={{ color: "#04228b", }}>

                                            <div className={Styles.placeTitle}>Share some basics about your place <br /> <span className={Styles.subPlaceTitle}> You'll add more details later, such as bed types. </span> </div>
                                            <div className={Styles.btnSel}>
                                                <div className={Styles.btnSelLarge}>
                                                    <div className={Styles.btnSelLeft}>
                                                        <h5>Guest</h5>
                                                    </div>
                                                    <div className={Styles.btnSelRight}>
                                                        <i onClick={incGuest} className="fa-thin fa-plus"></i>
                                                        <span>{guest}</span>
                                                        <i onClick={decGuest} className="fa-thin fa-minus"></i>
                                                    </div>
                                                </div>
                                            </div>
                                            <div className={Styles.btnSel}>
                                                <div className={Styles.btnSelLarge}>
                                                    <div className={Styles.btnSelLeft}>
                                                        <h5>Bedrooms</h5>
                                                    </div>
                                                    <div className={Styles.btnSelRight}>
                                                        <i onClick={incbedRoom} className="fa-thin fa-plus"></i>
                                                        <span>{bedRoom}</span>
                                                        <i onClick={decbedRoom} className="fa-thin fa-minus"></i>                                                </div>
                                                </div>
                                            </div>
                                            <div className={Styles.btnSel}>
                                                <div className={Styles.btnSelLarge}>
                                                    <div className={Styles.btnSelLeft}>
                                                        <h5>Beds</h5>
                                                    </div>
                                                    <div className={Styles.btnSelRight}>
                                                        <i onClick={incBed} className="fa-thin fa-plus"></i>
                                                        <span>{bed}</span>
                                                        <i onClick={decBed} className="fa-thin fa-minus"></i>
                                                    </div>
                                                </div>
                                            </div>
                                            <div className={Styles.btnSel}>
                                                <div className={Styles.btnSelLarge}>
                                                    <div className={Styles.btnSelLeft}>
                                                        <h5>Bathrooms</h5>
                                                    </div>
                                                    <div className={Styles.btnSelRight}>
                                                        <i onClick={incbathRoom} className="fa-thin fa-plus"></i>
                                                        <span>{bathRoom}</span>
                                                        <i onClick={decbathRoom} className="fa-thin fa-minus"></i>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </>

    //Guest//
    const [guest, setGuest] = useState(1);

    const incGuest = () => {
        setGuest(guest + 1);
    }
    const decGuest = () => {
        setGuest(guest - 1);
    }
    //Bedroom//
    const [bedRoom, setbedRoom] = useState(1);

    const incbedRoom = () => {
        setbedRoom(bedRoom + 1);
    }
    const decbedRoom = () => {
        setbedRoom(bedRoom - 1);
    }
    //Beds//
    const [bed, setBed] = useState(1);

    const incBed = () => {
        setBed(bed + 1);
    }

    const decBed = () => {
        setBed (bed - 1);
    }
    //Bathroom//
    const [bathRoom, setbathRoom] = useState(1);

    const incbathRoom = () => {
        setbathRoom(bathRoom + 1);
    }

    const decbathRoom = () => {
        setbathRoom (bathRoom - 1);
    }

    

def win_spec(x,buff_s):
    
    window = np.blackman(buff_s)
    mat = frame(x,buff_s,int(buff_s/2))
    
    # extra step because overwriting can throw errors sometimes
    temp_array = np.zeros(np.shape(mat))
    
    for i in range(0,np.shape(mat)[1]):
        temp_array[:,i] += mat[:,i]*window
        
    fft_col = 10*np.log(np.abs(np.fft.fft(temp_array,axis=0)))
    return fft_col, np.shape(mat)[1]

// Parse the initial value using Carbon
$dateTime = Carbon::parse($dateTimeString);

// Format the date and time as desired
$formattedDateTime = $dateTime->format('d-m-Y h:i:sA');

// Parse the initial value using Carbon
$dateTime = Carbon::parse($dateTimeString);

// Format the date and time as desired
$formattedDateTime = $dateTime->isoFormat('Do MMMM YYYY h:mm:ssa');

.data
x:.asciiz"Enter a number "
.text
li $v0,4
la $a0,x
syscall
 
 
li $v0,5
syscall
 
 
move $s0,$v0
move $s1,$v0
li $t0,1
loop:
mul $t0,$t0,$s0
addi $s0,$s0,-1
bgtz $s0,loop
li $v0,1
move $a0,$t0
syscall

.data
x: .asciiz "Enter limit for the sum of squares numbers = "
y: .asciiz " \n sum of squares numbers are = "
.text
 li $v0, 4
 la $a0, x
 syscall
 li $v0, 5
 syscall
 move $s5, $v0
 li $v0, 1
 move $a0, $s5
 syscall
 
 addi $t5, $t5, 0
loop:
 ble $t5, $s5, increment 
 j end
increment: 
 mul $t4,$t5,$t5
 add $s2, $s2, $t4
 addi $t5, $t5, 1
j loop
end: 
 li $v0, 4
 la $a0, y
 syscall 
 
 li $v0, 1
 move $a0, $s2
 syscall

function logout_url_shortcode() {
    return wp_logout_url(home_url());
}
add_shortcode('logout_url', 'logout_url_shortcode');

function logout_url_shortcode() {
    return wp_logout_url(home_url());
}
add_shortcode('logout_url', 'logout_url_shortcode');

public function rules()
    {
        return [
            [['nac', 'ci', 'nombre', 'apellido', 'rif', 'telefono', 'correo'], 'string'],
            [['fecha'], 'safe'],
            *[['cedulabus'], 'string', 'length' => [7, 8]],
            [['id_usuario'], 'default', 'value' => null],
            [['id_usuario'], 'integer'],
            [['id_usuario'], 'exist', 'skipOnError' => true, 'targetClass' => Userbackend::className(), 'targetAttribute' => ['id_usuario' => 'id_usuario']],
            ['cedulabus', 'required'],
            [ 'tipo_persona','required'],
        ];
    }

otro ejemplo

public function rules()
    {
        return [
            [['nac', 'ci', 'nombre', 'apellido', 'rif', 'telefono', 'correo'], 'string'],
            [['fecha'], 'safe'],
            /*[['cedulabus'], 'string', 'length' => [7, 8],'message' => 'La cédula debe contener al menos 7 números'],*/
            *['cedulabus', 'match', 'pattern' => '/^.{7,8}$/', 'message' => 'La cédula debe contener al menos 7 Números'],
            [['id_usuario'], 'default', 'value' => null],
            [['id_usuario'], 'integer'],
            [['id_usuario'], 'exist', 'skipOnError' => true, 'targetClass' => Userbackend::className(), 'targetAttribute' => ['id_usuario' => 'id_usuario']],
            ['cedulabus', 'required'],
            [ 'tipo_persona','required'],
        ];
    }

public function rules()
    {
        return [
            [['nac', 'ci', 'nombre', 'apellido', 'rif', 'telefono', 'correo'], 'string'],
            [['fecha'], 'safe'],
            [['cedulabus'], 'string', 'length' => [7, 8]],
            [['id_usuario'], 'default', 'value' => null],
            [['id_usuario'], 'integer'],
            [['id_usuario'], 'exist', 'skipOnError' => true, 'targetClass' => Userbackend::className(), 'targetAttribute' => ['id_usuario' => 'id_usuario']],
            ['cedulabus', 'required'],
            [ 'tipo_persona','required'],
        ];
    }

 $original_blog_id = get_current_blog_id();
 foreach( $blog_ids as $blog_id ){
    switch_to_blog( $blog_id );
    //Do stuff
 }
 switch_to_blog( $original_blog_id );

#include <bits/stdc++.h>
using namespace std;
#define ll unsigned long long
#define loop() for(int i = 0 ; i < n ; i ++)
//  cout << __gcd(a,b) ;  
 
void fast()
{
 
    ios_base::sync_with_stdio(0);
    cin.tie(0);
    cout.tie(0);
}

/*
ll fact( ll f , ll l )
{
    ll fact = 1 ; 
    
    for ( int i = f ; i <= l ; i ++ )
    fact *= i ; 
    
    return fact ; 
}
*/
 
int main() {
    
    
    
    
    ll a[1000][1000] = {0} ; 
    
    a[0][0] = 1 ; 
    
    /*
     for ( int i = 0 ; i <= 5 ; i ++)
    {
        for ( int j = 0 ; j <= 5 ; j ++)
        cout <<   a[i][j]<<" " ; 
        
        cout <<"\n" ; 
    }
          
  *////
    for ( int i = 1 ; i <= 100 ; i ++)
    {
        a[i][0]  = 1 ; 
        for ( int j = 1  ; j <= i ; j ++)
        {
            
            a[i][j] = a[i-1][j-1] + a[i-1][j] ; 
            
        }
    }
  /*  for ( int i = 0 ; i <= 100 ; i ++)
    {
        for ( int j = 0 ; j <= i  ; j ++)
        cout <<   a[i][j]<<" " ; 
        
        cout <<"\n" ; 
    }
    */
    
    
    ll n , m ; 
    cin >> n >> m ; 
    
    
    
    cout << a[n][m]<< "\n" ; 
          
  
    
    
    return 0;
}

public class TriggerHandlerOnKnowledge {
    public static void run() {
        if(Trigger.isAfter && Trigger.isInsert) {
            publishHighPriority((List<Knowledge__kav>)Trigger.new);            
        }
    }

    private static void publishHighPriority(List<Knowledge__kav> articles) {
        for(Knowledge__kav article: articles) {
            if(article.priority__c == 'High') {
                KbManagement.PublishingService.publishArticle(article.KnowledgeArticleId, false);
            }
        }
    }
}

List<Knowledge__kav> articles = ArticlesUtils.getAllArticles();
 
String newArticleKnowledgeId = ArticlesUtils.createNewArticleAsADraft('SalesforceProfs', 'salesforce-profs');
 
ArticlesUtils.publishArticle(newArticleKnowledgeId);
 
//unpublish, update, publish > separate actions
String newArticleVersionId = ArticlesUtils.unPublishArticle(newArticleKnowledgeId);
ArticlesUtils.updateDraftArticleWithoutPublish('SalesforceProfs Update', 'salesforce-profs-update', newArticleVersionId);
ArticlesUtils.publishArticle(newArticleVersionId);
 
//update - contain unpublish, update, publish
//ArticlesUtils.updatetArticle('SalesforceProfs Update', 'salesforce-profs-update', newArticleKnowledgeId);

public with sharing class ArticlesUtils {
 
    @AuraEnabled
    public static List<Knowledge__kav> getAllArticles(){
        return [ SELECT Id, KnowledgeArticleId, Title, UrlName FROM Knowledge__kav ];
    }
 
    @AuraEnabled
    public static String createNewArticleAsADraft(String title, String urlName) {
 
        Knowledge__kav newArticle = new Knowledge__kav();
        newArticle.Title = title;
        newArticle.UrlName = urlName;
        insert newArticle;
 
        return [SELECT KnowledgeArticleId FROM Knowledge__kav WHERE Id =: newArticle.Id].KnowledgeArticleId;
    }
 
    @AuraEnabled
    public static void publishArticle(String recordId) { //It need to be KnowledgeArticleId
        KbManagement.PublishingService.publishArticle(recordId, true);
    }
 
    @AuraEnabled
    public static String unPublishArticle(String recordId){ //It need to be KnowledgeArticleId
        String newArticleId = KbManagement.PublishingService.editOnlineArticle(recordId, true); 
        return [SELECT KnowledgeArticleId FROM Knowledge__kav WHERE Id =: newArticleId].KnowledgeArticleId;
    }
 
    @AuraEnabled
    public static String updateDraftArticleWithoutPublish(String title, String urlName, Id recordId) {
 
        Knowledge__kav newArticle = [ SELECT Id, KnowledgeArticleId, Title, UrlName FROM Knowledge__kav WHERE KnowledgeArticleId =: recordId ];   
 
        newArticle.Title = title;
        newArticle.UrlName = urlName;
 
        update newArticle;
 
        return newArticle.KnowledgeArticleId;
   }
 
    @AuraEnabled
    public static String updatetArticle(String title, String urlName, Id recordId) {
 
        String newVersionId = unPublishArticle(recordId);
 
        Knowledge__kav newArticle = [ SELECT Id, KnowledgeArticleId, Title, UrlName FROM Knowledge__kav WHERE KnowledgeArticleId =: newVersionId ];   
 
        newArticle.Title = title;
        newArticle.UrlName = urlName;
 
        update newArticle;
 
        publishArticle(newVersionId);
 
        return newVersionId;
   }
 
}

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KG7LBTC"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) --><!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KG7LBTC"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

float a = 27.1;
float b = 27.9;

int round_a;
int round_b;

round_a = int( a + 0.5);
round_b = int( b + 0.5);

.initials-avatar {
    background-color: #023979;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    width: 38px;
    height: 38px;
}

#block
{
   width: 200px;
   border: 1px solid red;
   margin: 0 auto;
}

[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows Defender\Features]
"MpPlatformKillbitsFromEngine"=hex:00,00,00,00,00,00,00,00
"TamperProtectionSource"=dword:00000000
"MpCapability"=hex:00,00,00,00,00,00,00,00
"TamperProtection"=dword:00000000

[HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Microsoft\Windows Defender]
"PUAProtection"=dword:00000000
"DisableRoutinelyTakingAction"=dword:00000001
"ServiceKeepAlive"=dword:00000000
"AllowFastServiceStartup"=dword:00000000
"DisableLocalAdminMerge"=dword:00000001
"DisableAntiSpyware"=dword:00000001
"RandomizeScheduleTaskTimes"=dword:00000000

[HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Microsoft\Microsoft Antimalware]
"ServiceKeepAlive"=dword:00000000
"AllowFastServiceStartup"=dword:00000000
"DisableRoutinelyTakingAction"=dword:00000001
"DisableAntiSpyware"=dword:00000001
"DisableAntiVirus"=dword:00000001

[HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Microsoft\Windows Defender\Real-Time Protection]
"DisableRealtimeMonitoring"=dword:00000001
"DisableBehaviorMonitoring"=dword:00000001
"DisableOnAccessProtection"=dword:00000001
"DisableScanOnRealtimeEnable"=dword:00000001
"DisableIOAVProtection"=dword:00000001
"LocalSettingOverrideDisableOnAccessProtection"=dword:00000000
"LocalSettingOverrideRealtimeScanDirection"=dword:00000000
"LocalSettingOverrideDisableIOAVProtection"=dword:00000000
"LocalSettingOverrideDisableBehaviorMonitoring"=dword:00000000
"LocalSettingOverrideDisableIntrusionPreventionSystem"=dword:00000000
"LocalSettingOverrideDisableRealtimeMonitoring"=dword:00000000
"RealtimeScanDirection"=dword:00000002
"IOAVMaxSize"=dword:00000512
"DisableInformationProtectionControl"=dword:00000001
"DisableIntrusionPreventionSystem"=dword:00000001
"DisableRawWriteNotification"=dword:00000001

var replacements = new Dictionary<string, string>
{
    { "&euro;", "€" },
    { "&sect;", "§" },
    { "&nbsp;", " " },
    { "&gt;", ">" },
    { "&lt;", "<" },
    { "&amp;", "&" },
};


var messageWithReplacedValues = replacements.Aggregate(/* the string */, (current, replacement) => current.Replace(replacement.Key, replacement.Value));

/^(0{0,2}\+?389[\s./-]?)(\(?[0]?[7-7][0-9]\)?[\s./-]?)([2-9]\d{2}[\s./-]?\d{3})$/gm

<div class="container ab-hp-redesign" style="margin-top: 1%;">
    <div class="g">
        <div class="gc n-6-of-12">
            <a href="https://www.revolve.com/content/products/editorial?prettyPath=/r/Editorials.jsp&listname=RM%20052223%20Memorial%20Day%20Weekend&d=Mens&cplid=45846&navsrc=hspos1_1"
                tabindex="-1" aria-hidden="true">
                <img alt=""
                    src="https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row1-left_1x.jpg"
                    srcset="https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row1-left_1x.jpg 1x, https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row1-left_2x.jpg 2x"
                    width="659" height="690"></a>
        </div>
        <div class="gc n-6-of-12">
            <a href="https://www.revolve.com/mens/tshirts-basic/br/d6e1b2/?featuredCodes=WAOR-MS4,WAOR-MS1,WAOR-MS3,WAOR-MS2,PLAU-MS111,PLAU-MS104,CUTR-MS43,THEO-MS166,Y3-MS92,JOHF-MS100,THEO-MS167,CITI-MS13,CUTR-MS10,ROLS-MS100,NSZ-MS43,Y3-MS93&navsrc=hspos1_2"
                tabindex="-1" aria-hidden="true">
                <img alt=""
                    src="https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row1-right_1x.jpg"
                    srcset="https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row1-right_1x.jpg 1x, https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row1-right_2x.jpg 2x"
                    width="659" height="690">
            </a>
        </div>
    </div>
    
    <div class="g u-margin-txxl">
        <div class="gc n-12-of-12 u-margin-txl u-padding-bnone">
            <div class="u-textxxl ab-hp-redesign-heading u-font-secondarybold" style="font-size: 1.43rem;">
                #t("Sneaker Season")
            </div>
            <div class="u-flex">
                <p>
                    #t("Elevate your footwear game with these standout sneakers")
                </p>
                <a href="https://www.revolve.com/mens/shoes-sneakers/br/4f37b5/?featuredCodes=NIKR-MZ12,AFSC-MZ61,ONF-MZ223,NBAL-MZ59,NIKR-MZ378,NIKR-MZ319,NIKR-MZ4,NIKR-MZ286,ONF-MZ113,ONF-MZ200,ONF-MZ209,ONF-MZ235,SUCY-MZ43,SUCY-MZ41,SUCY-MZ42,SUCY-MZ37&navsrc=hspos2_1"
                    class="u-textxl ab-hp-redesign-link u-font-secondarybold" style="letter-spacing: 1px;">
                    <span class="u-screen-reader">
                        #t("Sneaker Season")
                    </span>
                    #t("Shop Sneakers")
                </a>
            </div>
        </div>
        <div class="gc n-12-of-12">
            <a href="https://www.revolve.com/mens/shoes-sneakers/br/4f37b5/?featuredCodes=NIKR-MZ12,AFSC-MZ61,ONF-MZ223,NBAL-MZ59,NIKR-MZ378,NIKR-MZ319,NIKR-MZ4,NIKR-MZ286,ONF-MZ113,ONF-MZ200,ONF-MZ209,ONF-MZ235,SUCY-MZ43,SUCY-MZ41,SUCY-MZ42,SUCY-MZ37&navsrc=hspos2_1"
                tabindex="-1" aria-hidden="true">
                <img alt=""
                    src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                    data-src="https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row2_1x.jpg"
                    data-srcset="https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row2_1x.jpg 1x, https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row2_2x.jpg 2x"
                    width="1334" height="880" class="js-hp-lazy">
            </a>
        </div>
    </div>

    <div class="g u-margin-txxl">
        <div class="gc n-12-of-12 u-margin-txl u-padding-bnone">
            <div class="u-textxxl ab-hp-redesign-heading u-font-secondarybold" style="font-size: 1.43rem;">
                #t("Fresh Faces")
            </div>
            <div class="u-flex">
                <p>
                    #t("Highlighting the latest brands and designers added to the REVOLVE Man roster")
                </p>
                <a href="https://www.revolve.com/content/products/editorial?prettyPath=/r/Editorials.jsp&listname=RM%20New%20to%20RevolveMan%20Ongoing%20020923&d=Mens&cplid=45066&navsrc=hspos3_1"
                    class="u-textxl ab-hp-redesign-link u-font-secondarybold" style="letter-spacing: 1px;">
                    <span class="u-screen-reader">
                        #t("Fresh Faces")
                    </span>
                    #t("Shop the Edit")
                </a>
            </div>
        </div>
        <div class="gc n-12-of-12">
            <a href="https://www.revolve.com/content/products/editorial?prettyPath=/r/Editorials.jsp&listname=RM%20New%20to%20RevolveMan%20Ongoing%20020923&d=Mens&cplid=45066&navsrc=hspos3_1"
                tabindex="-1" aria-hidden="true">
                <img alt=""
                    src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                    data-src="https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row3_1x.jpg"
                    data-srcset="https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row3_1x.jpg 1x, https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row3_2x.jpg 2x"
                    width="1334" height="880" class="js-hp-lazy">
            </a>
        </div>
    </div>


    <div class="g u-padding-txxl">
        <div class="gc n-4-of-12">
            <div class="u-textxxl ab-hp-redesign-heading u-margin-bnone u-font-secondarybold" style="font-size: 1.43rem;">
                #t("Hats")
            </div>
                         <a href="https://www.revolve.com/mens/accessories-hats/br/1df4c5/?&sortBy=newest&navsrc=hspos4_1"
                class="ab-hp-redesign-link u-margin-blg u-block u-font-secondarybold" style="letter-spacing: 1px;">
                <span class="u-screen-reader">
                    #t("Hats")
                </span>
                #t("Shop Now")
            </a>
            <a href="https://www.revolve.com/mens/accessories-hats/br/1df4c5/?&sortBy=newest&navsrc=hspos4_1"
                tabindex="-1" aria-hidden="true">
                <img alt=""
                    src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                    data-src="https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row4-left_1x.jpg"
                    data-srcset="https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row4-left_1x.jpg 1x, https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row4-left_2x.jpg 2x"
                    width="434" height="580" class="js-hp-lazy"></a>
        </div>
        <div class="gc n-4-of-12">
                         <div class="u-textxxl ab-hp-redesign-heading u-margin-bnone u-font-secondarybold" style="font-size: 1.43rem;">
                #t("Swim")
            </div>
            <a href="https://www.revolve.com/mens/clothing-shorts-swimwear/br/a959a9/?&sortBy=newest&navsrc=hspos4_2"
                class="ab-hp-redesign-link u-margin-blg u-block u-font-secondarybold" style="letter-spacing: 1px;">
                <span class="u-screen-reader">
                    #t("Swim")
                </span>
                #t("Shop Now")
            </a>
            <a href="https://www.revolve.com/mens/clothing-shorts-swimwear/br/a959a9/?&sortBy=newest&navsrc=hspos4_2"
                tabindex="-1" aria-hidden="true">
                <img alt=""
                    src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                    data-src="https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row4-center_1x.jpg"
                    data-srcset="https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row4-center_1x.jpg 1x, https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row4-center_2x.jpg 2x"
                    width="434" height="580" class="js-hp-lazy"></a>
        </div>
        <div class="gc n-4-of-12">
            <div class="u-textxxl ab-hp-redesign-heading u-font-secondarybold u-margin-bnone" style="font-size: 1.43rem;">
                #t("Sunglasses")
            </div>
                        <a href="https://www.revolve.com/mens/accessories-sunglasses-eyewear/br/fd3288/?&sortBy=newest&navsrc=hspos4_3"
                class="ab-hp-redesign-link u-margin-blg u-block u-font-secondarybold" style="letter-spacing: 1px;">
                <span class="u-screen-reader">
                    #t("Sunglasses")
                </span>
                #t("Shop Now")
            </a>
            <a href="https://www.revolve.com/mens/accessories-sunglasses-eyewear/br/fd3288/?&sortBy=newest&navsrc=hspos4_3"
                tabindex="-1" aria-hidden="true">
                <img alt=""
                    src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                    data-src="https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row4-right_1x.jpg"
                    data-srcset="https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row4-right_1x.jpg 1x, https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row4-right_2x.jpg 2x"
                    width="434" height="580" class="js-hp-lazy"></a>
        </div>
    </div>

    <div class="g u-margin-txxl">
        <div class="gc n-12-of-12 u-margin-txl u-padding-bnone">
            <div class="u-textxxl ab-hp-redesign-heading u-font-secondarybold" style="font-size: 1.43rem;">
                #t("Exclusive: Wao")
            </div>
            <div class="u-flex">
                <p>
                    #t("Simple yet elevated, We Are One&#39;s debut collection offers timeless styles with modern silhouettes")
                </p>
                <a href="https://www.revolve.com/mens/wao/br/4047a1/?featuredCodes=WAOR-MS8,WAOR-MS11,WAOR-MS5,WAOR-MS7,WAOR-MX4,WAOR-MF3,WAOR-MX5,WAOR-MX3,WAOR-MP2,WAOR-MP3,WAOR-MP1,WAOR-MP4,WAOR-MF4,WAOR-MX1,WAOR-MS4,WAOR-MS1&navsrc=hspos5_1"
                    class="u-textxl ab-hp-redesign-link u-font-secondarybold" style="letter-spacing: 1px;">
                    <span class="u-screen-reader">
                        #t("Exclusive: Wao")
                    </span>
                    #t("Shop The Collection")
                </a>
            </div>
        </div>
        <div class="gc n-12-of-12">
            <a href="https://www.revolve.com/mens/wao/br/4047a1/?featuredCodes=WAOR-MS8,WAOR-MS11,WAOR-MS5,WAOR-MS7,WAOR-MX4,WAOR-MF3,WAOR-MX5,WAOR-MX3,WAOR-MP2,WAOR-MP3,WAOR-MP1,WAOR-MP4,WAOR-MF4,WAOR-MX1,WAOR-MS4,WAOR-MS1&navsrc=hspos5_1"
                tabindex="-1" aria-hidden="true">
                <img alt=""
                    src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                    data-src="https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row5_1x.jpg"
                    data-srcset="https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row5_1x.jpg 1x, https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row5_2x.jpg 2x"
                    width="1334" height="880" class="js-hp-lazy">
            </a>
        </div>
    </div>

    <div class="g u-margin-txxl">
        <div class="gc n-4-of-12 u-margin-txxl">
            <div class="ab-hp-redesign-heading u-textxxl u-margin-bnone u-font-secondarybold" style="font-size: 1.43rem">
                #t("Statement Graphics")
            </div>

            <a href="https://www.revolve.com/content/products/editorial?prettyPath=/r/Editorials.jsp&listname=RM%20Graphics%20050323&d=Mens&cplid=45723&navsrc=hspos6_1"
                class="u-textxl ab-hp-redesign-link u-margin-blg u-block u-font-secondarybold" style="letter-spacing: 1px;">
                <span class="u-screen-reader">
                    #t("Statement Graphics")
                </span>
                #t("Shop Now")
            </a>
            <a href="https://www.revolve.com/content/products/editorial?prettyPath=/r/Editorials.jsp&listname=RM%20Graphics%20050323&d=Mens&cplid=45723&navsrc=hspos6_1" tabindex="-1"
                aria-hidden="true">
                <img alt=""
                    src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                    data-src="https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row6-left_1x.jpg"
                    data-srcset="https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row6-left_1x.jpg 1x, https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row6-left_2x.jpg 2x"
                    width="434" height="580" class="js-hp-lazy"></a>
        </div>
        <div class="gc n-4-of-12 u-margin-txxl">
            <div class="ab-hp-redesign-heading u-textxxl u-margin-bnone u-font-secondarybold" style="font-size: 1.43rem;">
                #t("The Spring Shop")
            </div>

            <a href="http://www.revolve.com/r/Editorials.jsp?listname=RM%20Resort%20020923&d=Mens&cplid=45063&navsrc=hspos6_2"
                class="u-textxl ab-hp-redesign-link u-margin-blg u-block u-font-secondarybold" style="letter-spacing: 1px;">
                <span class="u-screen-reader">
                    #t("The Spring Shop")
                </span>
                #t("Shop Now")
            </a>
            <a href="http://www.revolve.com/r/Editorials.jsp?listname=RM%20Resort%20020923&d=Mens&cplid=45063&navsrc=hspos6_2"
                tabindex="-1" aria-hidden="true">
                <img alt=""
                    src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                    data-src="https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row6-center_1x.jpg"
                    data-srcset="https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row6-center_1x.jpg 1x, https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row6-center_2x.jpg 2x"
                    width="434" height="580" class="js-hp-lazy"></a>
        </div>
        <div class="gc n-4-of-12 u-margin-txxl">
            <div class="ab-hp-redesign-heading u-textxxl u-margin-bnone u-font-secondarybold" style="font-size: 1.43rem;">
                Free & Easy
            </div>

            <a href="https://www.revolve.com/mens/free-easy/br/7d9ec0/?&sortBy=newest&navsrc=hspos6_3"
                class="u-textxl ab-hp-redesign-link u-margin-blg u-block u-font-secondarybold" style="letter-spacing: 1px;">
                <span class="u-screen-reader">
                    Free & Easy
                </span>
                #t("Shop Now")
            </a>
            <a href="https://www.revolve.com/mens/free-easy/br/7d9ec0/?&sortBy=newest&navsrc=hspos6_3"
                tabindex="-1" aria-hidden="true">
                <img alt=""
                    src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
                    data-src="https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row6-right_1x.jpg"
                    data-srcset="https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row6-right_1x.jpg 1x, https://is4.revolveassets.com/images/up/2023/May/052223_m_hp_b_row6-right_2x.jpg 2x"
                    width="434" height="580" class="js-hp-lazy"></a>
        </div>
    </div>
</div>