x-sample-stuff.html

		<div class="what-is-ux-div">
			<h2 class="text-center">What is  <span class="purple"> UX? </span> And what is <span class="purple"> CPHUX?</span></h2>
		  <div class="">
		    <div class="container">
		    	<div class="row">
		    		<div class="col-xs-12 col-md-offset-1 col-md-10">
			        <div class="what-is-ux-body margin-left-right">
			          <h4><span class="bold purple">UX is short for user experience.</span> It's an umbrella term that covers around 13 design specialities. There is NO industri acknowledge definition of UX. UX is traditionally the overlap between, business, tech, and the user.
								</h4>

								<div class="ten-px-div">

								</div>
			          <h4><span class="bold purple">At CPHUX,</span> UX is more focused on the fact that our designers want to create the best experiences for the users. We don't care if a designer identify as a Digital Designer, UX'er, CX'er, Interaction Designer, Service Designer, Innovation Consultant etc.
								</h4>

								<div class="ten-px-div"></div>


			          <h4><span class="bold purple">A users experience</span> is at the core of most design and because we're focused on building the community here in Copenhagen we're called CPHUX.
								</h4>
			        </div>
		    		</div>
		    	</div>
		    </div>
			</div>
		</div>





	<div class="sign-up-banner"
	style="
 background: linear-gradient(-136deg, rgba(38, 57, 72, .2) 27%,rgba(195, 6, 159, 0.42) ),  url(images/SignupImage.jpg);
 ">
		<div class="container">
			<div class="row">
				<div class="col-xs-12">
					<div class="text-container">
							<h2 class="white">
								Raising the industry standard of UX
							</h2>
							<h2 class="white">
								Creating transparency around UX
							</h2>
							<h2 class="white">
								Uniting UX designers
							</h2>
							<h2 class="white">
								Bridging the gap between UX'ers and companies
							</h2>
						</div>
				</div>
			</div>
		</div>
	</div>


		<div class="sign-up-banner"
	style="	 background: linear-gradient(-136deg, rgba(9, 144, 247, .9) 27%,rgba(195, 6, 159, 0.42) ),
 url('images/SignupImage-3.jpg');">
		<div class="container">
			<div class="row">
				<div class="col-xs-12">
					<div class="home-banner-headline text-center">
						Pricing banner?
					</div>
					<h3 class="white text-center">First a line or 2 about how awesome it is to join and some cool words.</h3>

				</div>
			</div>
		</div>
	</div>


	<div class="background-gradient">
		<div class="container">
			<div class="row">
		    <div class="col-xs-12">
		    	<div class="home-banner-headline">
						<span class="extra-bold">CPHUX</span> <br> raising the industry standard of UX
					</div>

		    </div>
			</div>
		</div>

	</div>







	<div class="sign-up-banner"
	style="	 background: linear-gradient(-136deg, rgba(9, 144, 247, .9) 27%,rgba(195, 6, 159, 0.42) ),
 url('images/homescreen-1.jpg');">
		<div class="container">
			<div class="row">
				<div class="col-xs-12">
					<div class="home-banner-headline">
						Raising the industry standard of UX
					</div>
					<h3 class="white">Creating transparency around UX</h3>
					<h3 class="white">Uniting UX designers</h3>
					<h3 class="white">Bridging the gap between UX'ers and companies</h3>
				</div>
			</div>
		</div>
	</div>


			<div class="sign-up-banner"
	style="	 background: linear-gradient(-136deg, rgba(9, 144, 247, .9) 27%,rgba(195, 6, 159, 0.42) ),
 url('images/SignupImage-2.jpg');">
		<div class="container">
			<div class="row">
				<div class="col-xs-12">
					<div class="home-banner-headline">
						Raising the industry standard of UX
					</div>
					<h3 class="white">Creating transparency around UX</h3>
					<h3 class="white">Uniting UX designers</h3>
					<h3 class="white">Bridging the gap between UX'ers and companies</h3>
				</div>
			</div>
		</div>
	</div>



<div class="navbar-cphux">
    <!-- Logo -->
    <a href="/" class="navbar-cphux-brand">
    <img src="images/logo.png" alt="logo">
  	</a>
    <!-- Right Navigation -->
    <div class="navbar-cphux-right hidden-xs hidden-sm">
        <a href="" class="navbar-cphux-item navbar-cphux-link">Host</a>
        <a href="" class="navbar-cphux-item navbar-cphux-link">Trips</a>
        <a href="" class="navbar-cphux-item navbar-cphux-link">Messages</a>
        <!-- Profile picture with dropdown list -->
        <div class="navbar-cphux-item">
            <div class="dropdown">
                <img src="https://kitt.lecphux.com/placeholder/users/ssaunier" class="avatar dropdown-toggle" id="navbar-cphux-menu" data-toggle="dropdown">
                <ul class="dropdown-menu dropdown-menu-right navbar-cphux-dropdown-menu">
                    <li><a href="#">Profile</a></li>
                    <li><a href="#">Dashboard</a></li>
                    <li><a href="#">Log Out</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- Dropdown appearing on mobile only -->
    <div class="navbar-cphux-item hidden-md hidden-lg">
        <div class="dropdown">
            <i class="fas fa-bars dropdown-toggle" data-toggle="dropdown" role="button"></i>
            <ul class="dropdown-menu dropdown-menu-right navbar-cphux-dropdown-menu">
                <li><a href="#">Host</a></li>
                <li><a href="#">Trips</a></li>
                <li><a href="#">Messagese</a></li>
            </ul>
        </div>
    </div>
</div>



/*to go in fonts.css*/

.sign-up-banner {
	height: 88vh;
  background-size: cover !important;
}

.banner-content {
  background-color: white;
	margin:50px 10px;
}

.signup-banner-text {
	margin-top: 50px;
	margin-left:24px;
}

.signup-form-box {
	margin:40px;
	padding:24px 20px;
	background-color: white;
}

.button-1 {
	color:white;
	background: linear-gradient(45deg, #0990f7, #c3069f);
	font-family: 'Comfortaa', cursive !important;
  height: 38px !important;
  border-radius: 38px;
	padding: 6px 12px;
  width: 100%;
  font-size: 14px;
  margin-bottom: 10px;
  border:0px;

}

.button-2 {
	color:black;
	background: white;
	border:1px solid black;
	border: linear-gradient(45deg, #0990f7, #c3069f);
	font-family: 'Comfortaa', cursive !important;
  height: 38px !important;
  border-radius: 38px;
	padding: 6px 12px;
  width: 100%;
  font-size: 14px;
}

/*Overwriting of Bootsrap classes for the form fields*/
.form-control {
	font-family: 'Comfortaa', cursive !important;
  height: 38px !important;
  color: black !important;
  background-color: #DDE7F1 !important;
	border: 0px !important;
  border-radius: 38px !important;
  }