Skip to content

Commit

Permalink
updates to the home page dream
Browse files Browse the repository at this point in the history
  • Loading branch information
@BracketNerd101
BracketNerd101 committed Jul 21, 2024
1 parent d883523 commit ea17dd3
Show file tree
Hide file tree
Showing 4 changed files with 227 additions and 44 deletions.
256 changes: 213 additions & 43 deletions dream.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -117,90 +117,260 @@ <h4 class="stacked-logo">arthur <br> charles<br>edwards</h4>
></a> -->
</div>
</nav>

<section class="hero-slider-container">
<div class="container-fluid">
<div class="row">
<div class="col-lg-4">
<h1
class="san-serif-headline special-intro fw-bold text-black display-7">
arthur charles edwards
</h1>
<p class="lead text-black px-4">I'm a visual designer, ready to build more mobile apps, marketing campaigns, and brand strategies.</p>



</div>
<div class="col-lg-8">
<h1 class="san-serif-headline display-5 special-intro"> arthur charles edwards</h1>
<p class="px-4">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Excepturi, mollitia?</p>
</div>
<div class="col-lg-8">
<div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item">
<div class="carousel-item active">
<div class="thumb-netsol d-block w-100" alt="..."></div>
</div>
<div class="carousel-item">
<div class="thumb-web-friday d-block w-100" alt="..."></div>
<div class="thumb-dmn-social d-block w-100" alt="..."></div>
</div>
<div class="carousel-item">
<div class="thumb-workspace border d-block w-100" alt="..."></div>
</div>
<div class="carousel-item">
<div class="thumb-dmn-social d-block w-100" alt="..."></div>
<div class="thumb-glados d-block w-100" alt="..."></div>
</div>
</div>
</div>

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

</section>
<section class="client-section">
<div class="container">
<div class="row pt-4">
<div class="col-lg-4">
<h2 class="hero-subHeader-client san-serif-headline">
Notable Clients
</h2>
</div>

<section class="announcement pt-2">
<div class="col-lg-7 pb-3">
<div class="grid-logo">
<div>
<img src="img/white-citi-logo.png" class="text-white" alt="" />
</div>
<div><img src="img/white-uf-logo.png" alt="univeristy of florida logo" /></div>
<div><img src="img/white-network-solution.svg" alt="network solutions logo" /></div>
<div><img src="img/domain-logo.png" alt="domain.com logo" /></div>
<div><img src="img/white-webcom.svg" alt="web dot com logo" /></div>
<div><img src="img/white-flblue.png" alt="florida blue logo" /></div>
<div><img src="img/white-fis-logo.png" alt="fidelity international services logo" /></div>
<div><img src="img/white-registercom.svg" alt="register dot com logo" /></div>
</div>
</div>
</div>
</div>
</section>
<section class="announcement pt-2 pb-2">
<div class="container">
<div class="row pt-5 pb-5">
<div class="col-lg-12">
<!-- <h3 class="display-7 san-serif-headline">I have 8 years of professional experience
</h3> -->
<h3 class="display-2"> I've designed marketing campaigns, coded with Front-End Developers, and created modern design systems.</h3>
</div>
</div>
</div>
</section>
<!-- <section class="bg-light pt-2 pb-2">
<div class="container">
<div class="row pt-5 mt-5">
<div class="row pt-5 pb-5">
<div class="col-lg-12">
<h3 class="display-1 san-serif-headline">I have 8 years of professional experience
<h3 class="display-7 san-serif-headline">Professional Accomplishments
</h3>
</div>
<div class="col-lg-12">
<p class="display-5">
I've designed marketing campaigns, coded with Front-End Developers, and created modern design systems.
<p class="display-3">
The websites and mobile applications I have worked on have affected millions across North America.
</p>
</div>
</div>
</div>
</section>
<!-- <div class="container">
<div id="carouselExampleSlidesOnly" class="carousel slide carousel-fade" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="thumb-netsol d-block w-100" alt="..."></div>
</div>
<div class="carousel-item active">
<div class="thumb-billing d-block w-100" alt="..."></div>
</div>
<div class="carousel-item active">
<div class="thumb-web-friday d-block w-100" alt="..."></div>
</div>
<div class="carousel-item active">
<div class="thumb-workspace border d-block w-100" alt="..."></div>
</div>
</div>
</div>
</div> -->

</section> -->


<div class="container pb-5">
<div class="row mt-5">
<div class="col-lg-12">
<div class="col-lg-12">
<h3 class="display-7 san-serif-headline">
Selected works
</h3>
</div>
<div class="col-lg-12 pb-5">

<p class="display-3">
Compelling case studies that shaped my career.
</p>
</div>
</div>
<div class="col-lg-6">
<a href="digital-brand.html" class="news-card__card-link">
<div class="news-card purple-strip">
<img src="/img/netsol-thumb.jpg" alt="" class="news-card__image">
<div class="news-card__text-wrapper">
<h3 class="san-serif-headline">Branding Design</h3>
<div class="news-card__details-wrapper">
<p class="news-card__excerpt">Network Solutions. Revitalizing a brand in the modern era</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-6">
<a href="web-friday.html" class="news-card__card-link">
<div class="news-card aqua-strip">
<img src="/img/web-img/wall-1.svg" alt="" class="news-card__image">
<div class="news-card__text-wrapper">
<h3 class="san-serif-headline">Visual Design</h3>
<div class="news-card__details-wrapper">
<p class="news-card__excerpt">Advertising and Marketing. Black Friday Campaign</p>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="row mt-3">
<div class="col-lg-6">
<a href="billing-app.html" class="news-card__card-link">
<div class="news-card purple-strip">
<img src="/img/bill-refresh/dashboard-two-people.jpg" alt="" class="news-card__image">
<div class="news-card__text-wrapper">
<h3 class="san-serif-headline">App Design</h3>
<div class="news-card__details-wrapper">
<p class="news-card__excerpt">Florida Blue Insurance. Online Billing Application.</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-6">
<a href="workspace.html" class="news-card__card-link">
<div class="news-card aqua-strip">
<img src="/img/google-thumb.jpg" alt="" class="news-card__image">
<div class="news-card__text-wrapper">
<h3 class="san-serif-headline">Web Design</h3>
<div class="news-card__details-wrapper">
<p class="news-card__excerpt">Google Workspace. Advertising a premiere product.</p>
</div>
</div>
</div>
</a>
</div>

<!-- <section class="bg-black">
</div>
<!-- New row -->
<div class="row mt-3">
<div class="col-lg-6">
<a href="blue.html" class="news-card__card-link">
<div class="news-card aqua-strip">
<img src="/img/blue-img/blue-hero-3.png" alt="" class="news-card__image">
<div class="news-card__text-wrapper">
<h3 class="san-serif-headline">Visual Design</h3>
<div class="news-card__details-wrapper">
<p class="news-card__excerpt">Bluehost. Social Media Marketing. WordPress Affiliation</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-6">
<a href="dmn-service.html" class="news-card__card-link">
<div class="news-card purple-strip">
<img src="/img/dmn-serv-img/dmn-hero-3.png" alt="" class="news-card__image">
<div class="news-card__text-wrapper">
<h3 class="san-serif-headline">Web Design</h3>
<div class="news-card__details-wrapper">
<p class="news-card__excerpt">Domain.com. Professional Marketing Services</p>
</div>
</div>
</div>
</a>
</div>
</div>
<!-- New row -->
<div class="row mt-3">

<div class="col-lg-6">
<a href="fis-portal.html" class="news-card__card-link">
<div class="news-card aqua-strip">
<img src="/img/fis-img/light-fis-cover.png" alt="" class="news-card__image">
<div class="news-card__text-wrapper">
<h3 class="san-serif-headline">UI/UX Design</h3>
<div class="news-card__details-wrapper">
<p class="news-card__excerpt">Fidelity National Information Services. Business Collaboration Application</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-6">
<a href="style-guide.html" class="news-card__card-link">
<div class="news-card aqua-strip">
<img src="/img/img_style/hero_att.png" alt="" class="news-card__image">
<div class="news-card__text-wrapper">
<h3 class="san-serif-headline">Visual Design</h3>
<div class="news-card__details-wrapper">
<p class="news-card__excerpt">We are setting clear standards for creative teams.</p>
</div>
</div>
</div>
</a>
</div>

</div>
<!-- New row -->
<div class="row mt-3">
<div class="col-lg-6">
<a href="glados-lib.html" class="news-card__card-link">
<div class="news-card aqua-strip">
<img src="/img/glados-thumb.png" alt="" class="news-card__image">
<div class="news-card__text-wrapper">
<h3 class="san-serif-headline">Web Design</h3>
<div class="news-card__details-wrapper">
<p class="news-card__excerpt">Florida Blue. Helping developers program applications.</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-6">
<a href="dmn-social.html" class="news-card__card-link">
<div class="news-card purple-strip">
<img src="/img/dmn-img/award-2.png" alt="" class="news-card__image">
<div class="news-card__text-wrapper">
<h3 class="san-serif-headline">Graphic Design</h3>
<div class="news-card__details-wrapper">
<p class="news-card__excerpt">Domain.com. Promoting excellence in the Internet industry.</p>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
<section class="bg-black">
<div class="container">
<footer
class="d-flex flex-wrap justify-content-between align-items-center pt-5 pb-5"
>
<p class="col-md-4 mb-0 text-white">© 2024 Arthur Charles Edwards</p>
</footer>
</div>
</section> -->
</section>

<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js"
Expand Down
5 changes: 5 additions & 0 deletions scss/dream-slider.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@
width: 100%;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
}

.hero-slider-container .special-intro {
Expand All @@ -14,3 +15,7 @@
background-color: #5c03b1;
color: #FFFFFF;
}

.software {
background-color: #ffffff;
}
2 changes: 1 addition & 1 deletion scss/dream-slider.min.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

8 changes: 8 additions & 0 deletions scss/dream-slider.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@
width: 100%;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;

// background-color: #03c7c1;

Expand All @@ -24,4 +25,11 @@
color: #FFFFFF;


}

.software {

background-color: #ffffff;


}

0 comments on commit ea17dd3

Please sign in to comment.