diff --git a/common/static/common/js/components/PortfolioExperimentUpsellModal.jsx b/common/static/common/js/components/PortfolioExperimentUpsellModal.jsx
new file mode 100644
index 0000000000..2b47d8fe39
--- /dev/null
+++ b/common/static/common/js/components/PortfolioExperimentUpsellModal.jsx
@@ -0,0 +1,71 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Modal, Button } from '@edx/paragon/static';
+
+import ExperimentalCarousel from './ExperimentalCarousel.jsx';
+
+// https://openedx.atlassian.net/browse/LEARNER-3926
+
+export class PortfolioExperimentUpsellModal extends React.Component {
+ constructor(props) {
+ super(props);
+
+ this.state = { isOpen: true };
+ }
+
+ render() {
+ const slides = [
+ (
+
Upgrade to access new content: a guide for building an online portfolio and creating your first project.
+
By following the guide you will:
+
+ - Use your new coding skills
+ - Begin to build your portfolio
+ - Share what you can do!
+
+
),
+ (
+
Use Your New Coding Skills
+
Want to practice what you've learned? We'll give you the project idea to create your own portfolio. Get creative!
+
),
+ (
+
Build Your Portfolio
+
Apply your knowledge and show them you can code - this project is the perfect start to your portfolio.
+
),
+ (
+
Share What You Can Do
+
Get tips on where to store your project and the best way to share it with employers.
+
),
+ ];
+
+ const body = (
+
+
+

+
+ );
+
+ return (
+ {}}
+ body={body}
+ buttons={[
+ (