Skip to content

Commit

Permalink
fix(*): adj client page
Browse files Browse the repository at this point in the history
  • Loading branch information
@HoseaCodes
HoseaCodes committed Aug 25, 2021
1 parent 7bc1c0d commit a71ec94
Show file tree
Hide file tree
Showing 5 changed files with 56 additions and 67 deletions.
26 changes: 6 additions & 20 deletions src/Components/Clients/SocialRing.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,25 +13,12 @@
padding: 50px 5px 0;
}

.section-presentation img {
.socailring-row img {
position: absolute;
top: 0;
left: -300px;
height: 600px;
}

.section-presentation {
position: relative;
margin: 0 auto;
top: 20%;
left: 0;
height: 50rem;
width: 100%;
height: auto;
}

.section-presentation {
margin: 0;
}
.section-presentation {
height: auto;
}

.socialring p {
Expand All @@ -58,13 +45,12 @@
.sr-info {
margin-bottom: 30px;
}
.description {
padding: 50px 5px 0;
}

.description {
padding: 50px 5px 0;
margin-top: 65px;
}

.header-text {
text-transform: uppercase;
font-weight: 200;
Expand Down
4 changes: 2 additions & 2 deletions src/Components/Clients/SocialRing.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import './SocialRing.css';
const SocialRing = () => {
return (
<>
<div className="socialring section-presentation section-cards">
<div className="socialring ">
<div className="container">
<div className="row socailring-row">
<div className="col-md-6">
Expand All @@ -15,7 +15,7 @@ const SocialRing = () => {
<a href="https://apps.apple.com/us/app/social-ring/id1551446005" target="_blank" rel="noopener noreferrer" className="button highlight"><i className="fa fa-apple fa-lg"></i>Get The App</a>
</div>
</div>
<div className="col-md-5 col-md-offset-1 hidden-xs">
<div className="col-md-6">
<img alt="" src="https://i.imgur.com/i8bkYCv.png" />
</div>
</div>
Expand Down
10 changes: 8 additions & 2 deletions src/Pages/Client/Client.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
background-repeat: no-repeat;
background-attachment: fixed;
position: relative;
height: 40vh !important;
height: 50vh !important;
padding-bottom: 55px;
}
.presentation {
Expand All @@ -34,10 +34,16 @@

.section-cards {
overflow: hidden;
padding-bottom: 0;
padding-top: 10rem;
padding-bottom: 10rem;
border-top: 1px solid #dddddd;
z-index: 3;
}

.socialring .client-info {
color: white;
}

.client-info {
margin-top: 30px;
line-height: 1.7;
Expand Down
79 changes: 38 additions & 41 deletions src/Pages/Client/Client.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@ const Client = () => {
</h1>
</div>
</div>
<hr className="header-hr" />
<div className="presentation pt-5">
<div className="section section-gray-gradient section-description">
<div className="container">
Expand Down Expand Up @@ -42,44 +43,6 @@ const Client = () => {
</div>
</div>
<SocialRing />
<div className="section section-gray-gradient section-cards">
<div className="container">
<div className="row">
<div className="col-md-6">
<div className="space-50"></div>
<h2 className="header-text">Personlized Components<br /><small>Object Oriented Programming Approach </small></h2>
<p className="client-info">Telsa, Google, Apple, Microsoft, Uber, and AirBnB are setting the ground works to good
design and functionality. We will lay the foundation to building your future. We build
responsive applications that are specialized for all devices.
</p>
<p className="client-info"> Tell us about about your business and we will provide a digital business approach to
enhance your users experience and overall profitiability. With software being beautiful on
the inside is nice but the outside is just as important if not more so. Join the community
and upgrade your business today!
<br /><br />
</p>

</div>
<div className="col-md-6">

<div className="newcard-container">
<div className="card">
<h2 className="card__title">Code</h2>
</div>
<div className="card">
<h2 className="card__title">Design</h2>
</div>
<div className="card">
<h2 className="card__title">Idea</h2>
</div>
</div>
</div>
</div>
</div>
</div>



<div className="section section-images section-cards">
<div className="container">
<div className="row">
Expand Down Expand Up @@ -135,9 +98,7 @@ const Client = () => {
</div>
</div>
</div>


<div className="section section-responsive section-cards">
<div className="socialring section-responsive section-cards">
<div className="container">
<div className="row">
<div className="col-md-5 col-md-offset-1">
Expand Down Expand Up @@ -168,6 +129,42 @@ const Client = () => {
</div>
</div>
</div>
<div className="section pb-5 section-gray-gradient section-cards">
<div className="container">
<div className="row">
<div className="col-md-6">
<div className="newcard-container">
<div className="card">
<h2 className="card__title">Code</h2>
</div>
<div className="card">
<h2 className="card__title">Design</h2>
</div>
<div className="card">
<h2 className="card__title">Idea</h2>
</div>
</div>
</div>
<div className="col-md-6">
<div className="space-50"></div>
<h2 className="header-text">Personlized Components<br /><small>Object Oriented Programming Approach </small></h2>
<p className="client-info">Telsa, Google, Apple, Microsoft, Uber, and AirBnB are setting the ground works to good
design and functionality. We will lay the foundation to building your future. We build
responsive applications that are specialized for all devices.
</p>
<p className="client-info"> Tell us about about your business and we will provide a digital business approach to
enhance your users experience and overall profitiability. With software being beautiful on
the inside is nice but the outside is just as important if not more so. Join the community
and upgrade your business today!
<br /><br />
</p>

</div>

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

<hr className="header-hr"/>
<Footer />
</>
Expand Down
4 changes: 2 additions & 2 deletions src/Pages/Projects/ProjectsData.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,12 +64,12 @@ export const projectData = [
objectives: 'Design a responsive space tourism website that not only informs the user of the mission and astronaut process, but also is visually captivating and futuristic ',
subHeading: 'Research, UX, UI',
source: ['156 hours','Self-started project'],
websites: ['https://secure-tor-00651.herokuapp.com/', '/'],
websites: ['https://www.pattonunivercity.com/', '/'],
design: 'As the Front-end Developer, I was responsible of building the entire UI for the new website, redefining the User Experience and studying new interactions between the User and the Interface. One of the most exciting experience was integrating the entire front-end system with the Ruby on Rails Application and the change page animation.',
designImg: 'https://i.imgur.com/90MRrzR.png',
designColor: {"midnightblue":'#2e2489', "darkslategray": '#293855',"darkolivegreen": '#6c5e47', "white": '#fff', "cornflowerblue": '#6682de'},
typography: {"Kanit":'https://font-1001freefonts.netdna-ssl.com/font_preview_character_map.php?f=23809&c=000000&ffp=84c45f2a35f0227f8f1739fdcadcb7ec', "Muli":'https://fontmeme.com/fonts/static/203131/muli-font-character-map.png'},
uiDesignImg: ['https://i.imgur.com/y9yC3Ne.png','https://i.imgur.com/4QYrwYQ.png'],
uiDesignImg: ['https://i.imgur.com/aKYG1RO.png?1','https://i.imgur.com/XXa9ez4.png?1'],
userFlows: 'User flows and tasks are lists of all possible actions that needs to be thoroughly considered, as well as the system behavior in each scenario. It gives us the overview of the activities user is able to perform. The user flows and the task that the children would complete were based on the schools curricula ad their resources.\n\n Together with the school board we decided to focus on 4 main functions: learning materials, consolidation of knowledge, exams and educational games. Children can first learn a specific substance, consolidate and later check and test the knowledge in an entertaining game.',
mainFunctions: ['Learning materials', 'Consolidation of knowledge'],
goal: 'The primary app idea is to allow users to easily create, share and count down to their moments. Whether it\'s a wedding, a holiday or just a night out with friends. There are many similar apps already on the market, however most of them provide a very complex, buggy solutions cluttered with ads.\n\nOur main requirements has always been to keep the app usable, reliable and functional. Aesthetically minimal, simple and clean. No ads, no tricks, but a consistent and intuitive user experience, providing value to our users, keeping them satisfied and engaged. Our reviews on App Store speak for themself:\n\nAfter our first launch we have closely monitored and collected feedback from customers. We have addressed and implemented all of the most requested features. Our app was growing and at the we had over 140k monthly active users. As we were identifying new opportunities to scale the app, we have decided to prepare a better foundation to support future ideas and direction. Redesigning and rebuilding the app in code was a necessary step to move forward. With releasing Days 2.0 we made the app faster, smarter and more beautiful than ever.'
Expand Down

0 comments on commit a71ec94

Please sign in to comment.