AppFeature

<Box>	
	<Heading
          fontSize={"3.75em"}
          fontWeight={"light"}
          color={"white"}>
          How skeptics are you ?
        </Heading>
	<Text fontSize='2xl' color={"white"}>
        More than fifty skeptical words
    	</Text>
	<Box display='flex' flexDirection='row' justifyContent='center'>
		<Center >
			<Box>
				<Text  fontSize='2xl'  pb='5'transform={'rotate(-20deg)'} color='white'>This is your </Text>
				<Text  fontSize='2xl' mt='-5' pb='5'transform={'rotate(-20deg)'} color='white'>skeptic frens</Text>
				<Image src='https://storage.googleapis.com/ethskeptics.appspot.com/display/1.png' width={{sm:50,md:150,lg:200}}/>	
			</Box>
			</Center>
		<Box >
			<Image src={image} maxWidth={{sm:200,md:300,lg:440}} maxHeight={{sm:200,md:300,lg:440}} borderRadius='2xl'/>
		</Box>
		<Box textAlign='center'>
			<Image mb='30'mt='10' src='https://storage.googleapis.com/ethskeptics.appspot.com/display/2.png' width={{sm:50,md:150,lg:200}}/>	
			<Text mr='-5' fontSize='2xl' transform={'rotate(-20deg)'} color={"white"}>Choose your most</Text>
			<Text pl='20' mt='-2' fontSize='2xl' transform={'rotate(-20deg)'} color={"white"}>skeptical words</Text>
		</Box>

	</Box>

	<Button m='2' fontSize='2xl' bgColor='green' color='white' onClick={()=> handleImage()}>More skeptic words</Button> 
</Box>

Last updated

Was this helpful?